Web Design » Figma » Can I Import Illustrator Files Into Figma?

Can I Import Illustrator Files Into Figma?

Last updated on November 29, 2022 @ 7:13 am

Yes, you can import Illustrator files into Figma. There are a few ways to do this:

1. Export your Illustrator file as a .png or .jpg and then upload it into Figma.

Illustrator file exported as PNG

2. Use the “File > Open” menu item in Figma and select your Illustrator file. If none, proceed to the next step.

3. Use the “File > Place Image” menu item instead and select your Illustrator file to place it inside your Figma workspace.

Illustrator file imported in Figma

Take note: Illustrator file is not editable in Figma if imported as JPG or PNG format. Nor AI raw file.

AI file saved in PNG format

4. To import an editable Illustrator file to Figma, go back to your Adobe Illustrator and export your illustration in SVG format.

Illustrator file exported as SVG

5. Use the “File > Import” menu item in Figma and select your Illustrator file. If none, simply locate your SVG file and then drag and drop it into your Figma workspace.

Illustrator file imported in Figma as SVG file

Notice the difference between the two file format when imported into Figma. SVG format allows you to access your AI vectors and edit them in Figma whereas the PNG or jpg format became a completely one entity, an image.

SVG format vs. PNG format

Can I Import Illustrator Files Into Figma?
Yes, you can import Illustrator files into Figma. There are a few ways to do this:

  1. Export your Illustrator file as a .png or .jpg and then upload it into Figma.
  2. Use the “File > Open” menu item in Figma and select your Illustrator file. If none, proceed to the next step.
  3. Use the “File > Place Image” menu item instead and select your Illustrator file to place it inside your Figma workspace.
  4. To import an editable Illustrator file to Figma, go back to your Adobe Illustrator and export your illustration in SVG format.
  5. Use the “File > Import” menu item in Figma and select your Illustrator file. If none, simply locate your SVG file and then drag and drop it into your Figma workspace.
PRO TIP: Due to the different ways that Figma and Illustrator handle vector graphics, it is not currently possible to directly import Illustrator files into Figma. However, there are a few workarounds that may be helpful:

-Export your Illustrator file as a .png or .jpg and import it into Figma as an image.
-Use the “Export As” function in Illustrator to save your file as a .svg file, then import it into Figma as an image.
-If you have a specific layer that you want to import from Illustrator, you can copy and paste it into a new Figma file.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.