Importing your Illustrator designs
Just like how you can import Photoshop files directly into Adobe XD, you can also import your Illustrator files. This is perfect for designers who want to bring in logos, icons, or any other elements to use in their UI or UX projects. This video will look at three ways to bring your Illustrator designs into XD.
WHAT YOU’LL LEARN IN THIS VIDEO
Open AI files in Adobe XD
Import Illustrator designs directly on an artboard
Copy and paste from Illustrator
Import your Photoshop Files
Bring in your existing Photoshop files to take advantage of repeat grids, responsive resize, auto-animate, and more!
+ VIEW TRANSCRIPT
Hey, everyone – I’m Howard Pinsky – Senior XD Evangelist at Adobe. Very similar to how you can import Photoshop files directly into Adobe XD, you can also import your Illustrator files. This is perfect for designers who want to bring in logos, icons, or any other elements to use in their UI or UX projects. Let’s take a look.
Here I have a document containing several UI elements that I grabbed from Adobe Stock, and I may want to use some of these throughout my projects. Just like with Photoshop documents, you can drag this Illustrator file onto the XD icon or browse for it in the Open dialogue.
Once it’s been imported, you’ll have access to any vector paths and shapes that you created in Illustrator, allowing you to quickly pick up where you left off and start integrating your designs into your projects.
To quickly get going, I’ll grab this chart, copy it to my clipboard, then hop over to this document that I want to include it in. With an artboard selected, all I have to do is paste. I can now move, resize, and even edit the elements to better fit my project. If you think you’ll be using multiple copies of your imported designs and want to ensure you can update them easily, you can bring them over as linked symbols. I have a great video on that process you can watch after this.
The next way you can bring in an Illustrator file, is through direct importing. This splash screen is looking a bit lonely and could use a logo. Up under the File menu, I’ll choose import, then find the Illustrator file I wish to bring in. Because I had an artboard selected, XD imported the design directly onto the screen where I can now integrate it right into my project and make any tweaks, if necessary.
Finally, layers can be copy and pasted directly into XD. Many designers use Illustrator right alongside XD to create logos, icons, and other elements they wish to use in their UI/UX projects. At any point in your designing, you can copy the shapes, paths, or groups you want to bring in, then copy them straight into XD. And just like when importing, the vector properties will remain editable.
And those are a few ways you can bring your Illustrator files and designs into Adobe XD for a seamless work experience. If you want to learn more about assets and linked symbols, you can check out our other videos right now. I’ll see you soon.