Figmaからのエクスポート – Figma Learn - ヘルプセンター

はじめに

この機能を使用できるユーザー

ファイルへの閲覧のみアクセス権があるユーザーは、エクスポート設定を追加してアセットをエクスポートできます

ファイルへの編集可アクセス権があるユーザーは、スライスツールを使用できます

さまざまなファイル形式とスケールでFigmaからデザインをエクスポートできます。エクスポートは、コンテンツを他のユーザーと共有し、ツール間でコンテンツを移動し、Figma外部でデザインのコピーを保存する場合に役立ちます。

Figmaからコンテンツをエクスポートするには:

ヒント: ツール間で作業するときに、デザインツール間でオブジェクトをコピーして貼り付けると、時間を短縮できます。ツール間でのアセットのコピーの詳細はこちら→

エクスポートするコンテンツの選択

エクスポートするコンテンツを選択します。単一のレイヤーでも、複数のオブジェクトでも、キャンバス上のすべてのものでも選択できます。ファイルに複数のページがある場合は、ページごとに別々にコンテンツを選択してエクスポートする必要があります。Figmaでのオブジェクトの選択の詳細はこちら→

注: .fig (Figmaデザイン)または.jam (FigJam)としてファイル全体をエクスポートすることもできます。ファイルのローカルコピーの保存の詳細はこちら→

ファイルへの編集アクセス権がある場合は、エクスポートするコンテンツの選択方法としてスライスツールを使用することもできます。スライスツールは、ツールバーの[領域]ルールのドロップダウンにあります。

スライスを作成するには、エクスポートする領域を囲むようにスライスツールをドラッグします。必要に応じてスライスを移動させてサイズを変更できます。スライス境界内で見えているコンテンツだけがエクスポートされることに注意してください。これは、デザインの一部から画像を作成する場合に便利です。

スライスを使用してパディングを制御することもできます。それ以外の方法では、パディングはシェイプ範囲全体から計算されます。後者の方法ではシェイプのサイズが変わるとパディングが調整されますが、スライスでは変わりません。

必要とする場所にスライスを配置したら、他のオブジェクトと同様にエクスポート設定を適用できます。

エクスポート設定を使用して、デザインをエクスポートする方法を制御します。

エクスポート設定の場所は、ファイルへのアクセス権のレベルに応じて異なります。

注: エクスポート設定が表示されない場合は、ページを更新してみてください。これでうまくいかない場合は、ファイルオーナーによって、閲覧者がファイルのアセットのコピーやエクスポートを行えないように制限されている可能性があります。ファイルでのコピーと共有の制限の詳細はこちら→

選択対象に対するエクスポート設定は必要な数だけ追加できます。異なる形式やスケールを組み合わせても構いません。Figmaのエクスポート形式および設定の詳細はこちら→

エクスポート設定を追加するには、[エクスポート]セクションの上部にあるをクリックします。

エクスポート設定を削除するには、[エクスポート]セクションの上部にあるをクリックします。選択したオブジェクトに対して直前に追加されたエクスポート設定が削除されます。

最初にエクスポート設定を適用するとき、または既にエクスポート設定が適用されているオブジェクトを選択することによって、選択対象をエクスポートできます。

注: 複数のオブジェクトを選択している場合、[プレビュー]設定は表示されません。

エクスポートリストを使用してアセットを一括でエクスポートします。これには、エクスポート設定が適用されている現在のページ上のすべての選択対象が含まれます。

メニューをクリックし、オプションから[ファイル]、[エクスポート]の順に選択します。次のキーボードショートカットを使用することもできます。
- macOS: Shift + Command + E
- Windows: Shift + Ctrl + E
[エクスポート]モーダルには、エクスポート設定が適用された選択対象がすべて表示されます。各選択対象には、次の操作を実行できます。
- アセットのスケール、形式、寸法を表示する
- サムネイルまたはレイヤー名にマウスカーソルを合わせて、エクスポートするファイル名を表示する
- サムネイルをクリックして、キャンバス内にその選択対象を表示する
エクスポートしない選択対象の横にあるチェックボックスをオフにします。
[エクスポート]をクリックして、選択したアセットをエクスポートします。