Web Design » Figma » How Do I Import an Indesign File Into Figma?

How Do I Import an Indesign File Into Figma?

Last updated on September 29, 2022 @ 10:32 am

Figma is a vector-based design tool that is gaining popularity in the design community. Many designers are using Figma to create high-quality interface designs, and some are even switching over from Adobe Photoshop and Illustrator.

If you’re a designer who uses Adobe InDesign, you may be wondering how to import your InDesign files into Figma. Here’s a quick guide on how to do just that.

To import your InDesign file into Figma, first open the file in InDesign. Then, go to File > Export > Export As and select “SVG” as the file type.

Save the file to your computer and open it in a text editor like Sublime Text or Atom. Add the following code to the top of the file:

Now, go back to Figma and click on File > Import. Select the SVG file you just saved and click Open. The file will be imported as a new Figma document.

PRO TIP: When importing an InDesign file into Figma, it is important to be aware that not all features and functionality will be preserved. In particular, any features that rely on InDesign’s specific layout and design tools may be lost or altered in the process. As such, it is advisable to review the imported file carefully before proceeding with any further work.

That’s all there is to it! You can now edit your InDesign file in Figma, using all of Figma’s powerful vector editing features. If you need to export your design back to InDesign, simply go to File > Export As > InDesign Document.

Conclusion:

So, that is how you can import an Indesign file into Figma without any loss of quality or fidelity in the design.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.