Overview Auto Layout Components Prototype Japanese fonts Fine-tuning

Skip the Adobe XD stack rebuild — drop your layouts straight into Figma Auto Layout!

Of all the work involved in migrating from Adobe XD to Figma, Auto Layout conversion is one of the costliest things to rebuild. (The other heavy hitter is component conversion — we cover that in “Faithfully recreate your XD components — drop them straight into Figma!” so have a read there too!)

Card grids, form stacks, navigation bars — rebuilding layouts that you carefully assembled as XD “stacks (content-aware groups)” as Figma Auto Layout frames, one by one, can easily eat up hours or even days on a large file 😇

Pixel Fine Converter restores your XD stack structure as native Figma Auto Layout! Direction, padding, alignment, and child resizing are all read back from the XD coordinates and translated straight into Figma.

Note: Auto Layout conversion is a Pro plan ($29, one-time purchase) feature. The plugin itself is free to install, and the Free plan still handles structure, styles, groups, and other basic conversions.

📋 What the conversion reproduces

Pixel Fine Converter (Pro) infers and reproduces the following Auto Layout properties from your XD file:

ItemWhat it does
DirectionDetects XD’s contentStackType (horizontal / vertical) and maps it to Figma’s layoutMode
PaddingPreserves the outer padding of the stack
Item spacingComputes gaps between children and applies them as itemSpacing
Cross-axis alignmentSince XD has no explicit alignment property, MIN / CENTER / MAX is inferred from child coordinates
ResizingInfers each child’s FIXED / FILL / HUG behavior from XD’s sizing rules
Fallback handlingStructures that don’t cleanly map to Auto Layout (outlier spacing, irregular placement) are kept as plain frames instead of being forced into a bad conversion

All of this runs by analyzing the XD document structure and coordinates locally on your machine. Your file data is never sent to any external server. 🔒

🧩 Why this is technically hard

XD stacks and Figma Auto Layout might look similar on the surface, but they store information in completely different ways. To bridge that gap, Pixel Fine Converter runs a lot of logic that reads the designer’s intent out of raw coordinate data!

🎯 XD doesn’t record alignment information

The biggest wall is that XD has no explicit alignment property. Children are positioned by absolute coordinates, so “this column is centered” or “that one is right-aligned” is never directly recorded in the file.

Figma, on the other hand, requires MIN / CENTER / MAX to be specified for Auto Layout to work. Pixel Fine Converter statistically analyzes the distribution of child coordinates inside a stack to infer “this looks centered” or “this is left-aligned,” and maps that to a Figma value. It’s unglamorous work!

📏 A threshold for “is the spacing even?”

Auto Layout assumes “every gap between children is equal.” XD designers, however, often leave intentionally uneven gaps (dividers, decorative spacing, etc.).

Pixel Fine Converter measures the gaps between children and, if the variance exceeds a threshold, gives up on Auto Layout and falls back to a plain frame. Forcing everything into equal spacing would quietly destroy the designer’s intent 🛡️

🎁 Rescuing children with partial margins

“Only the heading is a bit further from the body,” “only the last card has a bigger margin” — cases where only some children have unique margins are structurally awkward for Auto Layout.

When we detect one of these, Pixel Fine Converter wraps the outlier in a transparent wrapper frame that preserves its position, so the visuals stay intact. We don’t just give up on the part we can’t express as Auto Layout — at minimum we keep the appearance faithful, one node at a time 💪

⚠️ Limits and scope (being upfront about it)

We’ve talked up the good parts so far, but the fundamental “different design philosophies” problem between XD and Figma isn’t something any converter can fully solve. Some things are technically or practically out of reach — and we want to be honest about them!

  • XD stacks with intentionally irregular placement are converted as plain frames instead of Auto Layout (this is a safeguard against bad conversions)
  • Cross-axis alignment inference confidence is configurable via the Alignment inference mode selector (Off / Strict / Balanced (default) / Native-first). Choose Off to avoid surprise centering, or Native-first to preserve Figma-native CENTER alignment as much as possible
  • When large and small elements coexist in a container, alignment can shift. Setting Alignment inference to Strict or Native-first enables size-weighted voting to prioritize larger elements and reduce visible misalignment
  • When alignment inference lacks confidence, the Skip ambiguous auto-layout option converts the frame as a plain frame with absolute positioning, preserving the original XD coordinates exactly
  • When near-full-width children coincidentally vote CENTER but a narrower child is actually left-aligned, the built-in CENTER verification in Alignment inference Balanced (default) or Strict detects the large displacement that CENTER would introduce and demotes to MIN before the layout breaks
  • FILL / HUG resizing inference picks the “most plausible” value from XD’s sizing rules. Occasionally a little adjustment in Figma is needed to match the original intent exactly
  • The full option behavior is documented in Guide: Auto Layout

Since this is inference from coordinates, “perfect” may be out of reach, but we aim for a result that’s as faithful as the data allows — and we keep improving it. We’ll keep working to make the plugin one you can genuinely rely on.

🚀 Try the Free plan first to check conversion quality

Pixel Fine Converter is free to install from the Figma Community! The Free plan includes the full set of basic conversions — shapes, text, styles, groups, masks, images, transforms — so you can check the conversion quality on your own .xd file right away.

If you need advanced conversions like Auto Layout, Components, or Repeat Grids, you can unlock them with the Pro plan ($29, one-time purchase — no subscriptions) 🎁

🚀 Install on Figma (Free)

One-click install from Figma Community