Fine-tuning

これらのオプションは XD と Figma 間の特定のレンダリング差異に対応し、わずかなトレードオフと引き換えに視覚的な精度を向上させます。

クイックリファレンス

Correct gradient angle for non-square elements

デフォルト: ON XD と Figma ではリニアグラデーションの座標系が異なります。正方形でない要素では斜めのグラデーション角度にわずかなずれが生じます。このオプションはその差異を補正します。

注意: まれに補正により結果が悪化する場合があります。変換後のグラデーションがおかしい場合は OFF にしてください。

Expand clip frames to fit text

デフォルト: OFF XD と Figma ではフォントメトリクスが異なるため、フレーム境界でテキストが見切れることがあります。ON にすると、クリップフレームが自動的に数ピクセル拡張されてテキストの見切れを防ぎます。

トレードオフ: フレームサイズが XD の元サイズよりわずかに大きくなります。

Prevent text clipping (clamp lineHeight)

デフォルト: OFF XD では lineHeight が fontSize より小さくても単一行テキストは完全に表示されます。Figma ではテキストがクリッピングされます。ON にすると、行高さがフォントの自然な高さ以上にクランプされます。

使いどころ: テキストが見切れている場合（特に大きな装飾テキスト）に有効にしてください。

Fix single-line text vertical offset (lineHeight=AUTO)

デフォルト: OFF XD では lineHeight が単一行テキストの表示に影響しませんが、Figma ではテキストボックス内でグリフを下にずらす「ハーフレディング」が発生します。異なるフォントサイズのテキストがオートレイアウト内で横並びになると、垂直方向のずれとして顕在化します。

ON にすると、単一行テキストの過大な lineHeight を正規化し、ハーフレディングのずれを解消します。縦方向のオートレイアウトでは、XD の座標データから適切な高さを計算して適用します。

症状の例：横並びレイアウトでアイコンとテキストの整列が崩れる

実例として、fontSize=12 / lineHeight=60 のように lineHeight が極端に大きい単一行テキストが、横方向オートレイアウト内でアイコンと並んでいるケースです。XD ではきれいに揃って見えますが、Figma に変換するとハーフレディングの影響でテキストが大きく下にずれて、アイコンとの整列が崩れます。

「アイコン + ラベル」「ボタン内アイコン」「フッターのナビ項目」など、横並びでサイズの異なるテキストが並ぶレイアウトで特に目立ちます。

適用判断のフロー

用途に応じて以下のいずれかを選びます。迷ったら 親 ON + 子 ON（オートレイアウト内のみ）から試すのが安全です。

Auto-layout children only

デフォルト: ON（親オプションが有効な場合）

正規化をオートレイアウトフレーム内のテキストのみに限定します。OFF にすると条件を満たすすべての単一行テキストに適用されます。

トレードオフ: 正規化されたテキストは元の lineHeight 値を失います。後からテキストを複数行に変更した場合、行間は XD の値ではなく Figma のデフォルトが使われます。

関連オプション: Clamp line height to font size との違い

Normalize single-line text height と Clamp line height to font size は名前が似ていますが、解決する問題が異なります。

役割が独立しているため、必要に応じて 両方を ON にして問題ありません。