Adobe XD から Figma へ移行する人のための Figma プラグイン 10 選

Adobe XD から Figma への移行では、変換作業そのもの よりも、移行後のワークフロー再構築 に多くの時間が費やされます。Auto Layout、プロトタイプ、アセット管理、アクセシビリティチェック — どれも Figma での進め方と XD での進め方が異なるため、適切なプラグインを選べるかどうかで作業効率が大きく変わります。

本記事では、XD から Figma への移行者が利用することが多い Figma プラグイン 10 個 を、それぞれが解決する課題ごとに整理します。Pixel Fine Converter の開発で XD → Figma 移行プロジェクトを継続的に観察してきた立場からの選定です。

インストール前に最新状態を確認してください

プラグインの提供状況・価格体系・機能スコープは変動します。本記事の情報は執筆時点(2026 年 5 月)のもので、各プラグインの Figma Community ページで最新のレビュー・更新日・料金体系を確認してからインストールすることを推奨します。

この記事で得られること

  • XD → Figma 変換プラグイン 4 種類の使い分け
  • XD のワークフロー(プロトタイプ・ダミーデータ等)を Figma で再現するプラグイン
  • Figma の標準機能ではカバーされない領域を補うアセットライブラリ
  • XD ユーザーが使い慣れていたアクセシビリティチェックの代替
  • 自分のプロジェクトに合わせた組み合わせの選び方

関連記事もあわせてどうぞ

移行プロセス全体XD → Figma 移行 実践ガイド を、変換プラグインの直接比較XD→Figma 変換プラグイン徹底比較 をご参照ください。本記事は XD 移行者が活用するプラグインエコシステム全体 にフォーカスしています。

📝 はじめに — XD 移行者がプラグイン選定で抑えるべき観点

Adobe XD はリピートグリッド・ステート付きコンポーネント・プロトタイプ遷移・プラグインマネージャーなど多くの機能を標準で備えていました。Figma の強みは少し違っていて、プラグインエコシステムでエディタを拡張する という設計です。

XD 移行者にとっては、初期段階で次の 3 カテゴリのプラグインが特に重要になります。

  1. 変換系 — 既存 XD ファイルを Figma に持ち込む(一から作り直さないため)
  2. ワークフロー継続 — リピートグリッド風のダミーデータ充填や、サクッとしたフロー図作成などの XD 習慣を再現
  3. アセットライブラリ — アイコン・写真・日本語フォントなど、Figma 標準では不足する領域を補完

第 4 のカテゴリ 品質保証(アクセシビリティ・整列・命名規則)は、チームのワークフローが安定してから重要度が増す領域です。

本記事では、これら 4 カテゴリにまたがる 10 個のプラグインを、適合するプロジェクト像とプラグインで対応できる限界点の両面から紹介します。

🔄 カテゴリ A — XD → Figma 変換プラグイン(無料・有料、コンバーター/インポーター)

移行を決めた直後の最初の判断: 既存 XD ファイルをどうやって Figma にインポートするか。この領域では 4 つのコンバーター / インポーター系プラグインが主軸で、無料層と有料層の両方をカバーしているため、プロジェクトの複雑度と予算に応じて選べます。

1. Pixel Fine Converter — ピクセル単位の再現性と段階的な変換レイヤー

Pixel Fine Converter は、XD ドキュメントを Figma ネイティブノードとして再現 します(画像埋め込みではなく、構造・スタイル・テキスト・コンポーネント・マスク・画像・トランスフォームすべてが Figma データとして展開されます)。Free プランでも 主要 6 フォント(ヒラギノ / 游ゴシック / Meiryo / Noto Sans JP / Noto Sans CJK JP / MS Gothic)の実測値に基づくベースライン補正 が適用されます。Pro プラン(買い切り $29)では以下が追加で利用可能になります。

  • Auto Layout 推論モード(Off / Strict / Balanced / Native-first)による XD スタックの変換
  • コンポーネント / Variants 変換(XD ステート → Figma Variants プロパティ値)
  • インスタンスリサイズ許容誤差 3 段階(Strict 5px / Standard 10px / Tolerant 30px)

Free プランは構造・スタイル・グループ・基本テキスト・6 フォント精密ベースライン補正までカバー。Auto Layout / コンポーネント変換は Pro 限定です。

向いているプロジェクト: 日本語デザイン、デザインシステム重視の XD ファイル、Auto Layout の正確な再現が必要なチーム。

2. Angel Converter — 無料の代替変換プラグイン

Angel Converter は、Pixel Fine Converter と並んで XD → Figma 変換でよく比較されるプラグインです。Figma Community で多くのインストール数を持ち、無料枠での選択肢として広く使われています。

向いているプロジェクト: 無料プランで運用したい、有料機能を考慮しない単純なケース。

両者の直接比較は XD→Figma 変換プラグイン徹底比較 を参照してください。

3. Convertify (Hypermatic) — マルチフォーマット対応

Convertify は Hypermatic 社の製品で、Sketch / Adobe XD / Google(Slides/Docs 等)など複数のソース形式を 1 つのプラグインで Figma に取り込めます。XD → Figma 機能はその一部です。

向いているプロジェクト: XD だけでなく Sketch やその他複数ツールから Figma に変換したいチーム。XD 専用ではないため、元データのフォーマットに柔軟に対応できる点が強み。

4. Magicul — 外部 SaaS の変換サービス

Magicul は Figma プラグインではなく Web ベースの外部サービス です。Symbols / Components 含めて Adobe XD Components を Figma Components に変換できますが、プロトタイプの遷移は Figma API 制約により対応していません。

向いているプロジェクト: ローカルでプラグインを動かすよりも、ホスト型ワークフローを好むチーム。料金体系は Figma Community プラグインとは異なり、執筆時点では 1 ファイル単発 約 $19-62(クレジットバンドルによる)、無制限年間プラン 約 $499/年 という構成です。料金は変動するため、Magicul サイトで最新の詳細を確認してください。

変換プラグイン選定は移行の 1 ステップに過ぎない

どのプラグインも あらゆる条件の XD ファイルを完璧に変換できるわけではありません。プロジェクトの最重要要件(Auto Layout / コンポーネント精度 = Pixel Fine Converter / 無料枠 = Angel Converter / 複数ソース = Convertify / ホスト型ワークフロー = Magicul)に基づいて選択し、変換後に手動で補正する作業にかかる時間も計画に組み込んでください。

まずは高精度な変換から Figma Community で無料インストール

Figma Communityから1クリックで追加できます

🔁 カテゴリ B — XD のワークフローを継続するためのプラグイン

変換が終わったら、次は XD で使い慣れた日常的なワークフローを Figma で再現します。最も頻度が高い 2 つのギャップを以下のプラグインがカバーします。

5. Autoflow — フレーム間の遷移矢印を自動描画

Autoflow は、選択した Figma フレーム間に 矢印を自動描画 するプラグインです。2 つのフレームを選んで ⌘ ⌥ P を押すと、スマートルーティングされたコネクタが描かれます。障害物回避にも対応し、成功フロー・エラーフロー・条件分岐用の異なる線スタイルが用意されています。

XD のプロトタイプ接続でフロー図を描いていたデザイナーには、Figma で手動で矢印を接続するよりもスピーディーに作業できます。1 ファイルあたり 50 フローまで無料、それ以上は 買い切り課金(サブスクリプションではありません) で無制限利用が可能になります。

向いているプロジェクト: XD のプロトタイプドキュメントを Figma へ移行、新規ユーザーフローの草案、オンボーディング資料。

6. Content Reel — リアルなダミーデータ(Microsoft 製)

Content Reel(Microsoft 製)は、Figma のテキストレイヤーに リアルな名前・住所・電話番号・アバター・アイコン を流し込めるプラグインです。XD のリピートグリッド + CSV ドラッグでデザインを素早く埋めていた体験を Figma 上で再現します。

カスタムコンテンツリストを作成してチームで共有することもでき、プロジェクト固有のテストデータ(製品名・サンプルコピー等)の一貫性を保てます。

向いているプロジェクト: XD でリピートグリッド + サンプルデータを使っていた人、モックアップを Lorem ipsum 感のないリアルな見た目にしたいケース。

🎨 カテゴリ C — アセットライブラリで Figma の不足を補う

XD のアセットパネルと Figma の標準アセットはカバー領域が異なります。次の 3 プラグインで主なギャップを埋められます。

7. Iconify — 150 種類以上のアイコンセットを統合

Iconify は、Material Symbols / Heroicons / Phosphor / Tabler / Bootstrap Icons / FontAwesome など 150 以上のアイコンセット(合計 200,000 個以上のアイコン) を 1 つの検索パネルから横断検索できるプラグインです。名前で検索してドラッグするだけ。SVG は Figma ネイティブベクターとして挿入され、他の図形と同じように編集できます。完全無料で利用可能です。

XD でアイコンセットごとに個別のプラグインを使っていた場合、Iconify が 1 つの検索インターフェースに集約してくれます。

8. Unsplash — 無料のストック写真

Unsplash は、無料の Unsplash 写真を Figma の塗りに直接取り込めるプラグインです。キーワード検索し、画像塗りを設定した図形にドラッグするだけ。XD 版にも同様の Unsplash プラグインがあり、ワークフローはそのまま引き継げます。

9. Japanese Font Picker — 日本語フォントの視覚的選択

日本語プロジェクト向けに、Japanese Font Pickerインストール済みの日本語フォントを実際の文字表示でプレビュー できます。Figma 標準のフォントピッカーは日本語フォントを英語名(例: “Hiragino Kaku Gothic ProN”)で表示するため、選択に時間がかかりがちですが、これを大幅に効率化します。

PC にインストールされたフォントのみプレビュー対象です(フォント配信機能ではありません)。Pixel Fine Converter 変換側のフォント補正と組み合わせることで、日本語タイポグラフィのワークフロー全体をカバーできます。

向いているプロジェクト: 日本語プロジェクトを抱えるチーム。日本語フォントの取り扱い全般は Figma の日本語フォント完全ガイド を参照。

🛡️ カテゴリ D — 品質保証

最後のカテゴリは初期段階での優先度は低めですが、チームが安定してくると価値が大きく増します。

10. Stark — アクセシビリティチェック(コントラスト・色覚特性・視覚補助)

Stark は Figma Community で最も確立されたアクセシビリティプラグインです。無料枠ではコントラストチェッカーと視覚特性シミュレーター が利用可能で、日常的なアクセシビリティチェックの多くがこの範囲で完結します。Pro 枠(個人向け $12/月 または $120/年) で Focus Order / Landmarks / Alt-Text / タイポグラフィ解析 / タッチターゲット / ブラウザライブプレビューなどが解放されます。Team 枠($15/月/シート、最低 5 シート〜)はチームコラボレーション機能を追加します。

XD で外部アクセシビリティツール(あるいは Adobe Creative Cloud 内の関連ツール)に頼っていた人には、Figma エコシステム内で最も近い代替手段となります。

向いているプロジェクト: 規制対象環境(政府・医療等)への納品、アクセシビリティが「あれば良い」ではなく「必須要件」のプロジェクト。

🧭 組み合わせの選び方

10 個すべてをインストールする必要はありません。XD 移行者向けの実用的なスターターセットを以下にまとめます。

プロジェクト像スターターセット
英語圏 SaaS の移行Pixel Fine Converter(または Angel Converter)+ Autoflow + Content Reel + Iconify + Stark
日本語プロジェクトの移行Pixel Fine Converter(Free でフォント補正、Pro で構造変換)+ Japanese Font Picker + Autoflow + Content Reel
マルチソース移行(Sketch + XD + Google)Convertify + Pixel Fine Converter(高精度が必要な XD サブセット用)+ Iconify
マーケ・コンテンツ重視のデザインPixel Fine Converter + Unsplash + Iconify + Content Reel
アクセシビリティクリティカル(公共・医療)Pixel Fine Converter + Stark + Autoflow

選定の原則

  • 変換プラグインは 1 つに絞る。同じソースに対して複数の変換プラグインを掛けると不整合が増えます。プロジェクトの最重要要件(精度 / コスト / ソース多様性)で選んでください。
  • ワークフローのギャップが見えてから追加する。10 個全てを最初からインストールせず、手作業の繰り返しが目立つ箇所から該当プラグインを順次導入する方が効率的です。
  • 無料/有料の状態は四半期ごとに再確認。プラグインのビジネスモデルは変動します。以前のサブスク料金から値上げされているケースもあります。

❓ よくある質問

複雑な Auto Layout を含む XD ファイルで最も再現性が高い変換プラグインは?

Pixel Fine Converter の Pro プランは XD スタックを Figma Auto Layout に変換するための 4 つの推論モード(Off / Strict / Balanced / Native-first)を持っています。Angel Converter との直接比較は XD→Figma 変換プラグイン徹底比較 を参照してください。

XD のプロトタイプ遷移は Figma に移行できますか?

XD のプロトタイプ遷移は、現状どの変換プラグインでも完全には引き継げません(これは Figma API の制約であり、プラグイン側の制限ではありません)。変換後に Figma 上でネイティブに再構築する ことを計画してください。Autoflow がフロー構造の下書きを高速化し、Figma のプロトタイプパネルがインタラクションを担当します。

XD のリピートグリッドに相当する Figma プラグインはありますか?

最も近いのは Auto Layout + Content Reel の組み合わせです。Auto Layout が反復構造を構築し、Content Reel がリアルなデータで埋めます。XD のリピートグリッドとは思考モデルが異なります(XD は単一インスタンスにリストをドラッグ、Figma は構造を組んでから埋める)が、最終的なアウトプットは同等です。

XD → Figma 移行時に日本語フォントはどう扱えばいいですか?

Pixel Fine Converter の変換時フォント補正(Free プラン)で、最も使われる 6 つの日本語フォントが構造レベルでカバーされます。変換後のフォント選択は Japanese Font Picker が役立ちます。トラブルシューティングの全体像は Figma の日本語フォント完全ガイド を参照。

これらのプラグインは必須ですか?それとも便利ツールですか?

構造的に必須なのは 変換プラグイン(1〜4 のいずれか)のみです。残り 9 個は手作業を減らす便利ツールで、変換プラグイン + Figma 標準機能だけでも移行は完了できます。それ以外は移行作業の高速化に寄与します。

このプラグインセットを揃えるとどのくらいのコストになりますか?

ほとんどは無料の入門枠でカバーできます。有料枠を持つもの(Pixel Fine Converter Pro / Autoflow Pro / Stark Pro / Magicul)の合計は、採用する有料枠次第で 買い切り $30-100 + サブスクリプション 程度になります。多くのチームは無料枠から始めて、ボトルネックが特定できたタイミングで該当 Pro 枠にアップグレードする運用です。

🎯 まとめ

XD 移行者向けのプラグイン選定は、「どのプラグインが一番優秀か」ではなく、「移行後のワークフローのどこにギャップがあり、どこから埋めるか」 の判断に近いものです。本記事で紹介した 10 個は、最も頻出する 4 つのカテゴリ — 変換・ワークフロー継続・アセットライブラリ・品質保証 — に対応しています。

記事のポイント

  • 変換プラグインは 1 つに絞る — プロジェクトの最重要要件で選ぶ(精度なら Pixel Fine Converter、無料枠なら Angel Converter、マルチソースなら Convertify、ホスト型なら Magicul)。
  • 最頻出の XD 習慣を Autoflow(フロー作成)と Content Reel(ダミーデータ)で復元
  • アセットライブラリの不足は Iconify / Unsplash / Japanese Font Picker で補完
  • チームが安定してきたら Stark で品質保証を追加
  • 10 個一気にではなく、ギャップが見えてから順次追加。手作業の繰り返しが目立つ箇所から該当プラグインを導入。

特に日本語プロジェクトの移行では、Pixel Fine Converter(Free のフォント補正に加え、必要に応じて Pro の構造変換)+ Japanese Font Picker の組み合わせが、Figma エコシステム内で最も網羅性の高いワークフローを実現します。

関連ページ