Number and ZIP your XD SVG exports for ordered import into Figma.
Drop SVG files here
Multiple files accepted — XD artboard exports
xd-screens.zip and drag all SVG files onto a Figma canvas at once. Figma imports alphabetically, so the numbered prefix preserves your order.Then run XDtox in Figma to strip the wrapper groups and clip masks the import adds.Migrating cleanly takes two passes, because the two problems live on opposite sides of the import.
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.
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.
Free · Open source · Runs entirely inside Figma
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.
Figma imports multiple dragged files in alphabetical order. This tool prefixes each SVG with a zero-padded number so you control the order.
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.
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.
No. Everything runs locally in your browser using the File API and JSZip. Nothing is sent to any server.
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