動画チュートリアル:FigmaをAdobe Photoshopにエクスポート
この動画では、Convertifyプラグインを使って、FigmaからAdobe Photoshop(.psd)ファイルにワンクリックで自動エクスポートする方法を紹介しています。
Adobe Photoshop向けにFigmaからデザインをエクスポートするには、Export from Figmaタブをクリックし、ワークフローの選択メニューからExport Figma to Adobe Photoshopを選びます。
現在のFigmaページをPhotoshopにエクスポートする
ページ全体を変換するには、Export This Pageをクリックします。現在のページの.psdファイルへの変換が始まります。
選択したFigmaフレームをPhotoshopにエクスポートする
特定の部分だけをエクスポートしたい場合は、対象のFigmaフレームを選択してからExport Selected Framesをクリックします。セクションを選択してその中身をまとめてエクスポートしたり、セクション内の個々のフレームを選択してそのフレームだけをエクスポートしたりすることもできます。
PhotoshopのPSDのサイズ上限
PSDファイルのドキュメントサイズの上限は30,000 x 30,000 pxです。また、非常に大きなPSDキャンバスは、ブラウザ内で安全に作成するには大きすぎる場合があります。選択したフレームがFigmaのキャンバス上で離れた位置にある場合、Convertifyはファイルを作成する前にエクスポートを中止し、フレームを近くに移動するか、より小さな範囲を選択してエクスポートするよう求めます。
Figmaから.psdファイルをダウンロードする
Convertifyの処理が完了したら、ファイルブラウザから.psdファイルをダウンロードします。
Figmaからダウンロードしたファイルの保存 Figmaのデスクトップアプリを使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、WebブラウザでFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます(通常はパソコンのDownloadsフォルダに保存されます)。
Photoshopで.psdファイルを開く
ダウンロードしたら、Adobe Photoshopで.psdファイルを開いて編集を続けます。