動画チュートリアル：FigmaをAdobe InDesignにエクスポート

この動画では、Convertifyプラグインを使って、FigmaからAdobe InDesign（.idml）ファイルにワンクリックで自動エクスポートする方法を紹介しています。

Adobe InDesign向けにFigmaからデザインをエクスポートするには、Export from Figmaタブをクリックし、ワークフローの選択メニューからExport Figma to Adobe InDesignを選びます。

現在のFigmaページをInDesignにエクスポートする

ページ全体を変換するには、Export This Pageをクリックします。現在のページのAdobe InDesign .idmlパッケージへの変換が始まります。

選択したFigmaフレームをInDesignにエクスポートする

特定の部分だけをエクスポートしたい場合は、対象のFigmaフレームを選択してからExport Selected Framesをクリックします。

Figmaから.idmlパッケージをダウンロードする

Convertifyの処理が完了したら、ファイルブラウザから.zipファイルをダウンロードします。

デフォルトでは、InDesignへのエクスポートでも、Figmaの非表示レイヤーは.idmlファイル内の非表示オブジェクトとして保持されます。Figmaの非表示レイヤーをエクスポートするパッケージから除外するには、エクスポートする前にInDesignのエクスポート設定を開き、Remove hidden layers from exportを有効にします。

トリミングした画像と非公開のコンテンツ

一部の画像は、編集可能な元画像のままエクスポートされます。Linksフォルダには、Figmaでトリミングして隠した部分や埋め込まれた画像のメタデータを含む、元の画像全体が入っている場合があります。受け取った人は、リンクされた画像を開いたり、InDesignでトリミングを変更したりすると、その部分を復元できます。

画像をトリミングしたりレイヤーを非表示にしたりしても、非公開のコンテンツはパッケージから削除されません。共有する前に、機密性のある元画像を、不要なピクセルとメタデータを取り除いたコピーに置き換え、非表示レイヤーを除外し、エクスポートされたLinksフォルダの中身を確認してください。

InDesignで編集中にリンクされた画像がぼやけて見える場合は、View > Display Performance > High Quality Displayを選びます。これはInDesignの画面上のプレビュー品質を変更するもので、エクスポートされたパッケージのLinksフォルダにはフル解像度のファイルが含まれている場合があります。

エクスポートされた.zipパッケージには、次のものが含まれます。

• .idmlファイル
• 画像アセットを格納したLinksフォルダ

Figmaからダウンロードしたファイルの保存 Figmaのデスクトップアプリを使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、WebブラウザでFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンのDownloadsフォルダに保存されます）。

InDesignで.idmlファイルを開く

ダウンロードしたら、パッケージを解凍し、Adobe InDesignで.idmlファイルを開いて編集を続けます。

リンクされた画像がInDesignで正しく読み込まれるように、Linksフォルダは.idmlファイルと同じフォルダに置いておいてください。