Exporting Figma to Adobe XD
To export your designs from Figma for Adobe XD, you can follow the steps to convert, download and open your .xd
file.
.dmg
installer directly from here), which should allow you to run it on your computer. You can also find the Windows standalone installer online, too.Selecting a single Figma page to convert to Adobe XD
Once the Convertify plugin is running, you can select the Figma page you would like to convert to Adobe XD.
The plugin will automatically export the Figma page that you’re currently viewing. You can change the Figma page you would like to export by clicking on any page in your Figma file listed in the left-hand column in Figma, under the Pages column heading.
Whenever a different page is selected, the plugin will automatically update to reflect the new page name.
Configuring your Adobe XD export options
Before exporting your designs from Figma to Adobe XD, you can configure some optional settings that may be useful.
Render layers starting with an * as images
Enabling the Render layers starting with an * as images toggle will automatically export any Figma layers with layer names that start with ”*” (eg. “*Frame 1”) as image layers instead of their normal layer type.
Include reference image overlays for artboards
Enabling the Include reference image overlays for artboards toggle will automatically include image references of each artboard on top of each one in your exported file, with a layer opacity of 50%; this can be helpful to make any manual edits or layer positioning tweaks.
Flatten/ungroup all Figma “Group” layers
Enabling the Flatten/ungroup all Figma “Group” layers toggle will automatically ungroup any “Group” layers in your Figma file.
Render more visually accurate text
Adobe XD doesn’t support text properties like vertical text alignment, and calculates line-heights differently than Figma.
Enabling the Render more visually accurate text toggle will more export your Figma text values more accurately for XD (for any fonts in the design that are installed on your machine).
Starting the Figma to Adobe XD conversion
After you’ve selected your Figma page, you can convert your design to Adobe XD by clicking the Export to Adobe XD button in the Convertify plugin. This will begin the automated conversion process.
Downloading your .xd file
After Convertify has finished processing your Figma page, you’ll be shown a confirmation message; you can download your .xd
file by clicking the Download .xd file button.
Opening your .xd file
After you’ve downloaded your .xd
file from Figma to your computer, you can open your file explorer to the directory where it was saved. Double clicking on the exported .xd
file will open it up in the version of Adobe XD that you have installed on your computer.
Understanding differences between Figma and Adobe XD
Convertify does its best to convert all of your layers and atrributes from Figma over to Adobe XD, however, there are some natural limitations based on Adobe XD supporting a smaller number of native features than Figma does.
Figma features that are missing in Adobe XD
These features are available in Figma, but aren’t native to Adobe XD, so they won’t be carried over with the Convertify plugin.
- Hiding parent artboards
- Rotated parent artboards
- Ellipsis with “arc” properties
- Mulitple fills/strokes on a layer
- Vector layers that use corner radius
- Strokes/fills applied to groups
- Vertical alignment for text layers
- Nested layer masks
Supported prototype links in Adobe XD
Please note that Adobe XD protoypes only supports interactions of On Click, On Drag and Key/Gamepad.
Adobe XD also supports navigation types of Navigate To, Open Overlay, Scroll To and Back.
Convertify will only carry over any prototype links in Figma that match these prototype attributes that are supported in Adobe XD.
Was this page helpful?