Figpea LogoFigpea
Loading...

How to Import Adobe XD Designs into Figma — Free, in Your Browser

by Figpea Team

Adobe XD is winding down, and there's still no official way to open an .xd file in Figma. The paid incumbent for this job, Magicul, charges per file — from about $19 at volume up to $62, with roughly $41 for a single file — for a black-box conversion you can't inspect before you pay. The free DIY workaround people pass around (XD → SVG → Sketch → Figma) is widely documented as lossy.

Figpea's path is the honest middle ground: open your .xd free in your browser, export each artboard as a Figma-tuned SVG, then import those SVGs into Figma. Your text stays editable text, and your named layers and groups keep their names — a real, named layer tree, not a flattened picture. This is an SVG-import migration, not a native .fig conversion, so a few things (gradients, effects, prototype behavior) may need manual touch-up once you're in Figma. Try it free on a single artboard before you commit to anything.

How to import your XD design into Figma

  1. Export the kit from Figpea. Open your .xd in Figpea → Export. For the whole project, choose the Figma Migration Kit and download. To try it free first, select a single artboard or layer and export it as SVG — Figpea automatically tunes every SVG export for Figma import, so there's no separate profile to pick. Exporting one artboard's SVG to prove fidelity is free; the full kit — every artboard, plus your fonts, copy deck, and original assets — is part of Figpea Pro and the Rescue Pass.
  2. Import the SVGs into Figma. In Figma, place or drag each per-artboard SVG onto the canvas — one per frame. Text arrives as editable text, and named groups keep their names, so your Figma layers panel looks like your XD layers panel.
  3. Reconnect fonts, copy, and assets. Use fonts.md to install or substitute any fonts Figma flags as missing (each comes with the closest Google Fonts match); paste strings from copy-deck.md where you need them; drop in the original images from assets/ for anything a vector couldn't carry; touch up gradients and effects on the Figma side if they need it.

What this does and doesn't do

Be honest with yourself about what an SVG import can and can't carry over:

  • Text — imports as real, editable Figma text, with font family, size, and weight intact. Not outlines, not a raster.
  • Layer and group names — every named layer and group keeps its name, so your Figma layer tree matches your XD layer tree.
  • Group hierarchy and basic shapes — nesting, rectangles, ellipses, polygons, and paths all survive as native vectors.
  • Gradients — linear and radial gradients come across as native Figma gradients.
  • Filter effects (drop shadow, blur) and blend modes — these degrade. Figma doesn't import SVG <filter> effects or most blend modes, so plan on a manual touch-up pass for anything with heavy effects.
  • Embedded raster images — travel with the kit as byte-for-byte originals in assets/, for you to reinsert manually rather than relying on inline SVG images.
  • Interactive / prototype behavior — not representable in SVG at all, and not carried over. If your XD file has interactions you need in Figma, you'll be rebuilding those with Figma's own prototyping tools.

In short: this kit gets your design — the artboards, the layers, the type, the layout — into Figma intact and editable. It does not produce a .fig file, and it isn't a pixel-perfect, one-click conversion of everything XD could do.

FAQ

Does Figma open XD files? Not directly. There's no official Adobe XD importer built into Figma. Figpea's per-artboard, Figma-tuned SVG export is the honest path in: open your .xd free in Figpea, export the SVGs, then import those into Figma.

Can you convert XD to Figma for free? There's no true one-click XD-to-.fig conversion, free or paid — Figma has no native XD importer, and no tool produces a real .fig file from a .xd. What works, and what Figpea gives you free for a single artboard, is exporting a Figma-tuned SVG per artboard and importing that into Figma, where text stays editable and named layers keep their names.

Will my text stay editable after importing? Yes. Figpea's figma SVG profile keeps text as real <text> elements carrying font family, size, and weight, so it imports into Figma as editable text — not outlines, not a flattened screenshot.

Does the layer structure survive? Yes. Every named layer and group carries its name into the exported SVG, so Figma's layers panel shows the same names you had in XD instead of generic "Vector" entries.

Keep going