Web Design » Figma » Can you import Adobe XD into Figma?

Can you import Adobe XD into Figma?

Last updated on November 28, 2022 @ 11:28 pm

Adobe XD is a powerful vector drawing and animation software that can be used for creating designs for products, websites, and illustrations. Figma is a cloud-based platform that enables users to create interactive designs, prototypes, and animations.

Can you import Adobe XD into Figma?

Yes, Adobe XD can be imported into Figma by following these steps:

First, download and install Adobe XD onto your computer. Run your Adobe XD and create wireframes or screen designs for mobile apps or websites. If you already have a previous XD design file, go ahead and open it in your Adobe XD. To export your design, go to the File menu and click Export > All Artboards.

Next, an Export Assets dialog box will appear. Make sure to select “SVG” as the file format before you click “Export All Artboards.”

Second, open Figma and go to File > New > File.

PRO TIP: There is no built-in way to import Adobe XD files into Figma. However, there are a few workarounds that involve converting the Adobe XD file into another file format that Figma can read. These workarounds can be time-consuming and may not produce an accurate representation of the original Adobe XD file.

Third, select Adobe XD from the file type menu. If none, you can select the Place Image command instead and click the SVG file you saved earlier. The design will automatically load into your Figma canvas.

Fourth, alternatively, you can go to your Figma dashboard, click the Import button or Import file tab and it will navigate you to your computer’s folder where the Adobe XD design file or any accepted format was saved such as the XD file we saved earlier as an SVG file.

Fifth, click the Open or Import button and wait for the file to completely import.

Sixth, click the close button and now you can edit the Adobe XD design file in Figma.


Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.