Toolkist

XD → Figma Packager

Number and ZIP your XD SVG exports for ordered import into Figma.

Drop SVG files here

Multiple files accepted — XD artboard exports

Click to browse, or paste files and links (Ctrl/⌘ + V)

The full XD → Figma migration

Migrating cleanly takes two passes, because the two problems live on opposite sides of the import.

  1. 1

    Order your screens — here

    Figma imports dragged SVGs alphabetically, which rarely matches your screen flow. Drag to reorder above, and this tool numbers each file so the import order is the order you chose.

  2. 2

    Clean up the layers — in Figma

    Figma wraps every imported artboard in a Clip path group and a clip-{name} mask, and leaves the background as a loose vector. It creates these during import — they aren't in your SVG, so they can only be cleaned up from inside Figma.

    XDtox — Figma plugin

    Unwraps the groups, deletes the clip masks, and promotes each background to a real frame fill — every frame, one click.

    Get the plugin

    Free · Open source · Runs entirely inside Figma

About XD → Figma Packager

Adobe XD exports artboards as individual SVG files. When you drag multiple SVGs into Figma, it imports them in alphabetical order — which may not match your intended screen flow. This tool lets you drag-to-reorder your screens, then downloads a ZIP where each file is prefixed with a zero-padded number (01_, 02_, …) so Figma's alphabetical sort respects your chosen order. Once the screens are in Figma, the companion XDtox plugin clears out the wrapper groups and clip masks Figma adds during import — together the two cover a clean migration end to end.

Why does the order matter in Figma?

Figma imports multiple dragged files in alphabetical order. This tool prefixes each SVG with a zero-padded number so you control the order.

Does this convert XD to Figma natively?

No — it packages your XD-exported SVG artboards into a numbered ZIP so Figma can import them in the correct sequence. Complex XD-specific styles may not transfer perfectly.

Why does cleanup happen in Figma rather than here?

The wrapper groups and clip masks people want gone ("Clip path group", "clip-{name}") do not exist in the XD SVG file — Figma creates them when it imports the SVG and encounters clip-path attributes. They only exist once the file is inside Figma, so they can only be removed from inside Figma. That is what the XDtox plugin does.

Are my files uploaded?

No. Everything runs locally in your browser using the File API and JSZip. Nothing is sent to any server.

What file types are accepted?

Only .svg files. Export your artboards from Adobe XD as SVG before using this tool.

Keywords: xd to figma, adobe xd export, figma import order, svg artboard packager, figma migration