Figma のフレーム書き出し画像を Photoshop 作業用に変換
- 仕上げたい Web のヒーローセクションやビジュアルのフレームを書き出します。
- 見えている画像エリアを周りのアートワークから分離します。
- レイアウトやコンポーネントの変更用に、元の Figma ファイルは残しておきます。
Figma→PSD コンバーター
Figma を PSD に変換： フレームの書き出し画像をレイヤーに
Figma のフレームを PNG で書き出してここにアップロードすると、見えているアートワークをラスターレイヤーに分けられます。PSD をダウンロードして Photoshop でビジュアルを編集でき、コンポーネントやオートレイアウトは Figma 側に残ります。
- PNG、JPG、WebP の書き出し画像をアップロード
- 個別のラスターレイヤーに分離
- Photoshop で編集を続けられる
画像をアップロード
画像をアップロード
書き出した PNG、JPG、WebP をアップロード · 最大 24 MB · 総ピクセル数 262,144 以上
性的・露骨なコンテンツは使用できません。該当する画像や生成結果は自動的にブロックされます。
自動
最大 16 レイヤーAIが最初に作成する編集可能なビジュアルグループ数を選択します。「自動」は最大 10 レイヤーまでです — レイヤーが多いほど分解に時間がかかります。結果を確認した後、さらに細かく分解できます。
例：
1 レイヤーにつき 8 クレジットを消費します。
商品ポスター · 11 レイヤー
実際の結果：見出し、サブタイトル、-30% バッジ、ボトル、葉、台座をそれぞれ独立したレイヤーに分離し、それらがあった部分の背景も再構成。
ラスターレイヤーの中身を見る
Figma→PSD 変換で画像の内容がどう分かれるかを見る
商品か背景を選んで、個別のラスターレイヤーがどう働くかを確かめてから、ご自身のデザインの書き出し画像で試してください。
当サイトの画像レイヤー分離ワークフローで保存した結果を、ラスターレイヤーの例として掲載しています。このサンプルは Canva や Figma から書き出したものではありません。
Figma のフレームのアートワークをレイヤー付き PSD に
書き出したフレームを出発点に、写真の合成やビジュアルのレタッチを Photoshop で続けられます。
Figma のフレーム画像から見えているカードを分離
- 分離したい写真カードやビジュアルブロックを指定します。
- 新しいアートワークに移す前に、ラスターの切り抜きを確認します。
- カードの状態、インタラクション、コンポーネントのプロパティは書き出されません。
Figma のヒーローアートワークを PSD レイヤーに
- メインの写真、装飾のアクセント、背景領域を分離します。
- Photoshop での合成中に、生成されたレイヤーを調整します。
- 編集可能なテキストやベクターシェイプは、使用するエディターで作り直します。
character.psdPSD
オレンジの髪リボン
前髪
口
右目・右眉
左目・左眉
+ 5
ダウンロード前に Figma→PSD のレイヤーを確認
- ダウンロードする前に、各レイヤーのプレビューを確認します。
- 細かなエッジと、再構成された背景領域を確認します。
- PSD をダウンロードし、Photoshop で編集を仕上げます。
ひと目でわかる Figma から PSD への変換
- 60〜120 秒
- アップロードからレイヤー付き PSD まで
- 最大 16
- 1 枚あたりの編集可能レイヤー
- PSD + PNG
- レイヤー付き PSD、PNG レイヤー、ZIP
よくある質問
Figma→PSD 変換のよくある質問
いいえ。フレームを PNG、JPG、静止画の WebP で書き出し、その画像をアップロードしてください。このツールは Figma のワークスペースにアクセスせず、.fig ファイルも読み込みません。
いいえ。これらは Figma 独自の構造とインタラクションです。画像をもとにした PSD 変換で得られるのはラスターアートワークであり、レスポンシブなレイアウトやインタラクティブなプロトタイプではありません。
いいえ。AI は見えている画像の内容を新しいラスターレイヤーにまとめます。出力は、元のフレームのオブジェクト、グループ、重なり順と異なる場合があります。
いいえ。文字やシェイプはラスター画像になり、Photoshop の編集可能なテキストやベクターパスにはなりません。変更が必要な場合は、使用するエディターでテキストやパスを作り直してください。
隠れた領域は AI が推定する場合があります。これは再構成であり、元々隠れていたピクセルを復元するものではありません。結果を使う前にエッジとテクスチャを確認してください。
PSD は生成されたレイヤーのキャンバスを使うため、アップロードした画像とサイズが異なる場合があります。大判の制作を予定している場合は、出力のサイズを事前に確認してください。
保存済みのサンプルは無料で閲覧できます。ご自身のレイヤーを生成するとクレジットを消費します。現在の消費クレジットは、開始前にワークスペースに表示されます。
結果には、画像の見えている内容をもとに AI が生成したラスターレイヤーが含まれます。元のアプリのドキュメントやネイティブのオブジェクトは再現されません。
ワークスペースで「自動」を使うか、選択できるレイヤー数を選んでください。結果は書き出し画像の内容と複雑さによって変わります。
はい。分離メモで、商品、写真エリア、バッジ、背景など重要な要素を指定できます。メモは AI への指示なので、編集の前に結果を確認してください。
PNG、JPG、静止画の WebP を、24 MB 以下、総ピクセル数 262,144 以上でアップロードできます。プロジェクトのリンクやネイティブのデザインファイルには対応していません。
関連する PSD ツールを探す
次の PSD 作業に合うツールを見つけましょう。