機能紹介 — Pixel Fine Converter

XDからFigmaへの変換で、Pixel Fine Converter がどのように構造を再現しているのか。各機能の技術的な仕組みと設計思想を詳しく解説します。

Adobe XDのスタック（コンテンツ対応グループ）をFigmaのオートレイアウトへ忠実に変換。方向・余白・配置を座標から推論し、手作業の再構築を不要にします。

Adobe XDのシンボル・インスタンス・ステートをFigmaのコンポーネント・バリアントとして忠実に変換。オーバーライド、リサイズ、ステート変換まで対応します。

Adobe XDのプロトタイプ接続（タップ・ホバー・ドラッグ）とコンポーネントステート（hover・pressed等）をFigmaへ忠実に変換。画面遷移・オーバーレイ・トランジション・バリアント切替まで再現します。

日本語デザインを Adobe XD から Figma へ移すと、テキストの縦位置が微妙にズレる問題。Pixel Fine Converter は 5 フォント × 42 セルの実測データに基づいたフォント別の補正で、ベースライン位置を 1px 未満に揃えます。

Adobe XDとFigmaではグラデーション座標系、フォントメトリクス、行高さの扱いが異なります。Pixel Fine Converterはこれらの差異を一つひとつ検出・補正し、変換後の手直し工数を減らします。