Fine-tuning
These options address specific rendering differences between XD and Figma, improving visual accuracy at the cost of small trade-offs.
Note: Fine-tuning 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.
Quick reference
Correct gradient angle for non-square elements
Default: ON XD and Figma use different coordinate systems for linear gradients. On non-square elements, diagonal gradient angles drift slightly. This option corrects for that difference.
Note: In rare cases the correction can make things worse. Turn this OFF if a post-conversion gradient looks wrong.
Expand clip frames to fit text
Default: OFF XD and Figma use different font metrics, so text can get clipped at frame edges. When ON, clip frames are automatically extended by a few pixels to prevent text from being cut off.
Trade-off: Frame sizes end up slightly larger than the original XD dimensions.
Prevent text clipping (clamp lineHeight)
Default: OFF
In XD, single-line text renders in full even if lineHeight is smaller than fontSize. In Figma, that causes the text to be clipped. When ON, line height is clamped to at least the font’s natural height.
When to use: Enable when text is being clipped (especially large display text).
Fix single-line text vertical offset (lineHeight=AUTO)
Default: OFF
In XD, lineHeight doesn’t affect single-line text rendering, but in Figma it introduces “half-leading” that shifts glyphs downward inside the text box. When text of different sizes sits side-by-side inside an Auto Layout, the drift becomes visible as vertical misalignment.
When ON, we normalize oversized lineHeight values on single-line text to remove the half-leading drift. For vertical Auto Layouts, we back-compute an appropriate height from XD’s coordinate data.
Symptom: misaligned text and icons in horizontal layouts
A typical case: a single-line text node with extreme values like fontSize=12 / lineHeight=60 sitting next to an icon inside a horizontal Auto Layout. XD renders them aligned, but after conversion Figma’s half-leading pushes the text down and the icon-to-text alignment breaks.
| Property | Value |
|---|---|
fontSize | 12 |
lineHeight | 60 |
| Drift before fix | ~24 px (approximate half-leading: (lineHeight − fontSize) / 2) |
| Drift after fix | ~0 px (matches the XD layout) |
The symptom is most visible in “icon + label” patterns: button labels next to icons, footer nav items, list items where text and icons of different sizes sit side-by-side.
How to choose the right combination
Pick the combination that fits your case. When in doubt, start with parent ON + child ON (Auto Layout only) — that’s the safest default.
| Case | Parent | Auto-layout children only | Notes |
|---|---|---|---|
| Fix Auto Layout text only (recommended) | ON | ON | Smallest blast radius |
| Apply to every single-line text | ON | OFF | Affects display text too — review after conversion |
| Skip the fix (default) | OFF | — | Preserves XD’s original lineHeight |
Auto-layout children only
Default: ON (when the parent option is enabled)
Restricts normalization to text inside Auto Layout frames. When OFF, it’s applied to every qualifying single-line text node.
Trade-off: Normalized text loses its original lineHeight value. If you later switch the text to multi-line, line spacing will use Figma’s default rather than XD’s original value.
Related: how this differs from “Clamp line height to font size”
Normalize single-line text height and Clamp line height to font size sound similar but solve opposite problems.
| Option | Problem it solves | Typical case |
|---|---|---|
| Normalize single-line text height | lineHeight too large — glyphs drift downward | Icon + label rows |
| Clamp line height to font size | lineHeight too small — text gets clipped | Large display text |
The two options solve independent problems, so you can enable both at the same time without conflict.