--- url: "/ja/convertify/export/adobe-xd.md" description: "ConvertifyでFigmaのページやフレームをAdobe XDファイルにエクスポートする方法と、オプションや制限事項について説明します。" --- # FigmaからAdobe XDへのエクスポート > ConvertifyでFigmaのページやフレームをAdobe XDファイルにエクスポートする方法と、オプションや制限事項について説明します。 ### 動画チュートリアル：FigmaをAdobe XDに変換する この動画では、Convertifyプラグインを使って、Figmaから直接デザインをAdobe XDファイルに（ワンクリックで）自動変換する方法を説明しています。 [Embedded media](https://www.youtube-nocookie.com/embed/cGYU2jvnSs8) FigmaのデザインをAdobe XD用にエクスポートするには、以下の手順で`.xd`ファイルを変換、ダウンロードして開きます。 > **Note:** **Adobe XDのインストール** MacまたはWindowsをお使いで、**有料のAdobe CCアカウントをお持ちの場合**は、[Creative CloudでAdobe XDをインストール](https://creativecloud.adobe.com/apps/all/all-platforms/pdp/xd)できます（または[こちらから直接](https://creativecloud.adobe.com/apps/download/xd?promoid=B8NR3RT1&mv=other)`.dmg`インストーラーをダウンロードできます）。これでコンピューター上でXDを実行できるはずです。[Windows用のスタンドアロンインストーラー](https://archive.org/details/adobe-xd-54.1.12.1-for-windows)もオンラインで入手できます。 ## Adobe XDに変換するFigmaページを1つ選ぶ {#selecting-a-single-figma-page-to-convert-to-adobe-xd} [Video](/assets/videos/convertify/export/xd-export-page.mp4) Convertifyプラグインを起動したら、**Export from Figma**タブをクリックし、ワークフローセレクターから**Export Figma to Adobe XD**を選んで、Adobe XDに変換したいFigmaページを選択します。 プラグインは、現在表示しているFigmaページを自動的にエクスポートします。エクスポートするページを変更するには、Figmaの左側の列にある**Pages**見出しの下に並んだFigmaファイルのページをクリックします。 Figmaページを選んだら、Convertifyプラグインの**Export This Page**ボタンをクリックすると、デザインをAdobe XDに変換できます。自動変換の処理が始まります。 > **Info:** **所要時間の目安**。所要時間の目安（例：**~14 seconds to convert 555 layers**）は、Figmaページ内のレイヤー数をもとに、変換にかかる時間の目安として表示されます。*大きな*画像を含むFigmaページは、Adobe XDファイルへの変換が完了するまでの時間が長くなる可能性があります。 > **Warning:** **Adobe XDは1つのドキュメント内の複数ページに対応していません**。*複数ページ*の選択はSketchへのエクスポートにのみ適用されます。Adobe XDアプリは現在、[単一ページ](https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13958565-multiple-pages-separate-sets-of-artboards)のファイルにしか対応していないためです。 ## ページ内で選択したFigmaフレームをXDにエクスポートする {#exporting-selected-figma-frames-on-your-page-to-xd} [Video](/assets/videos/convertify/export/xd-export-frame.mp4) Figmaページ全体をAdobe XDに変換したくない場合は、変換したいFigmaフレームを選択し、Convertifyプラグインの**Export Selected Frames**ボタンをクリックすると、デザイン内の特定のフレームレイヤーだけをAdobe XDに変換できます。自動変換の処理が始まります。 > **Info:** **所要時間の目安**。所要時間の目安（例：**~14 seconds to convert 555 layers**）は、Figmaページ内のレイヤー数をもとに、変換にかかる時間の目安として表示されます。*大きな*画像を含むFigmaページは、Adobe XDファイルへの変換が完了するまでの時間が長くなる可能性があります。 ## .xdファイルのダウンロード {#downloading-your-xd-file} [Video](/assets/videos/convertify/export/xd-download.mp4) ConvertifyがFigmaページの処理を終えると、確認メッセージが表示されます。**Download .xd**ボタンをクリックすると、`.xd`ファイルをダウンロードできます。 > **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。 ## .xdファイルを開く {#opening-your-xd-file} [Video](/assets/videos/convertify/export/xd-open.mp4) Figmaから`.xd`ファイルをパソコンにダウンロードしたら、ファイルエクスプローラーで保存先のフォルダを開きます。エクスポートした`.xd`ファイルを**ダブルクリック**すると、パソコンにインストールされているバージョンのAdobe XDでファイルが開きます。 ## Adobe XDのエクスポートオプションの設定 {#configuring-your-adobe-xd-export-options} FigmaからAdobe XDにデザインをエクスポートする前に、便利なオプション設定をいくつか構成できます。 ### 「\*」で始まるレイヤーを画像としてレンダリングする {#render-layers-with-prefix-as-images} **Render layers with \* prefix (eg. "\* Frame") as images**トグルを有効にすると、レイヤー名が「\*」で始まるFigmaレイヤー（例：「\*Frame 1」）が、通常のレイヤータイプではなく画像レイヤーとして自動的にエクスポートされます。 ### アートボードに参照画像のオーバーレイを含める {#include-reference-image-overlays-for-artboards} **Include reference image overlays for artboards**トグルを有効にすると、エクスポートしたファイル内の各アートボードの上に、そのアートボードの参照画像がレイヤーの不透明度50%で自動的に重ねられます。手作業での修正やレイヤー位置の微調整に役立ちます。 ### Figmaアートボードの子レイヤーをすべてグループ解除する {#ungroup-all-figma-artboard-child-layers} **Ungroup all Figma artboard child layers**トグルを有効にすると、Figmaファイル内の「Group」レイヤーが自動的にグループ解除されます。 ### インストール済みフォントの位置をより正確にする {#more-accurate-positioning-for-installed-fonts} Adobe XDはテキストの垂直方向の配置などのプロパティに対応しておらず、行の高さの計算方法もFigmaとは異なります。 **More accurate positioning for installed fonts (slower)** トグルを有効にすると、デザイン内のフォントのうちパソコンにインストールされているものについて、FigmaのテキストをXD向けにより正確な値でエクスポートします。 > **Warning:** **変換に時間がかかります**。**More accurate positioning for installed fonts (slower)** オプションを有効にすると、（テキストレイヤーの数によっては）変換に通常よりもかなり時間がかかることがあります。 ## FigmaとAdobe XDの違いを理解する {#understanding-differences-between-figma-and-adobe-xd} Convertifyは、Figmaのすべてのレイヤーと属性をできる限りAdobe XDに変換しますが、Adobe XDが標準で対応している機能はFigmaより少ないため、どうしても制限があります。 ### Adobe XDで再現されないFigmaの機能 {#figma-features-that-are-missing-in-adobe-xd} 以下の機能はFigmaにはありますが、Adobe XDには標準で存在しないため、Convertifyプラグインでは引き継がれません。 - 親アートボードの非表示 - 回転した親アートボード - 「円弧」プロパティを持つ楕円 - 1つのレイヤーに複数の塗り・線 - 角丸を使ったベクターレイヤー - グループに適用した線・塗り - テキストレイヤーの垂直方向の配置 - ネストしたレイヤーマスク ### Adobe XDで対応しているプロトタイプリンク {#supported-prototype-links-in-adobe-xd} Adobe XDのプロトタイプが対応しているインタラクションは、**On Click**、**On Drag**、**Key/Gamepad**のみです。 また、Adobe XDが対応しているナビゲーションの種類は、**Navigate To**、**Open Overlay**、**Scroll To**、**Back**です。 Convertifyが引き継ぐのは、Figmaのプロトタイプリンクのうち、Adobe XDが対応しているこれらのプロトタイプ属性に一致するものだけです。 ## Convertifyの関連ガイド {#related-convertify-guides} - [FigmaからAdobe XDへのステップバイステップのチュートリアル](/convertify/tutorials/convert-figma-to-adobe-xd)をご覧ください。 - [FigmaのデザインをAdobe After Effectsにエクスポート](/ja/convertify/export/adobe-after-effects)して、ワークフローを続けられます。 - その他のインポート・エクスポート形式については、[Convertify Figmaプラグイン](https://www.hypermatic.com/convertify/)をご覧ください。