In this quick tip I’m going to show you how to get an Adobe Illustrator file into Figma, without needing Adobe Illustrator.
Note: this is part of our regularly updated learning guide The Designer’s Guide to Figma. To learn more about Figma, try our dedicated Figma tutorial, which takes Figma beginners through all the essential features of the app.
How to Open an Adobe Illustrator File in Figma
Let’s say you have some icons, such as the example we’re using here, Flat Books Icons on Envato Elements:
You’ll notice on the file information displayed by the asset that it’s an Adobe Illustrator file, which means you won’t be able to open it directly in Figma, straight out of the box.
So Figma can’t open Adobe Illustrator files, but Adobe XD can. Happily, Adobe XD is free too, so you’ll be able to use it for our purposes without purchasing a Creative Cloud subscription.
To get your Illustrator file into Figma without using Illustrator itself, follow these steps:
- Open your .ai file using Adobe XD.
- Go to Menu > Plugins > Discover plugins and search for Copy SVG Code.
- Install the plugin.
- Select the elements you want to open in Figma.
- Go to Menu > Plugins > Copy SVG Code.
- Open up Figma and hit Edit > Paste to take the vector object over.
It’s as simple as that! That’s how you can open an Adobe Illustrator file in Figma, without needing an Adobe Illustrator subscription.
Figma templates on ThemeForest
- Flat Books Icons on Envato Elements
- Copy SVG Code XD plugin by Charlie Hield
- FigmaFigma Vector TipsKezz Bracey
- FigmaWhat Is Figma?Kezz Bracey
- FigmaCollaborative Interface Design With FigmaKezz Bracey
- FigmaThe Best Free Figma Resources: Templates, Icons, UI Kits, and MoreTomas Laurinavicius
- UI DesignBest-Selling UX and UI Kits for Sketch, Photoshop, Illustrator, XD, and FigmaIan Yates
We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post