選択した画像を一括編集する
開いている画像やその編集履歴を変えずに、複数の画像塗りに共通の仕上がりを適用できます。Batch editには、Batch edit (3) のように、表示されている画像塗りを含む選択中のレイヤー数が表示されます。複数の画像塗りを持つレイヤーは1つとして数えられますが、一括確認では塗りごとに個別に表示されます。対象となる画像レイヤーがない場合、ボタンは無効になります。
- 表示されている画像塗りを含むFigmaのレイヤーを選択します。画像を開いて全体の設定を調整するか、保存済みのプリセットを使います。
- メインヘッダーまたはFiltersパネルでBatch editをクリックし、一括確認のモーダルを開きます。
- Current Editor settingsまたは保存済みのプリセットを選びます。Edits to applyのリストには、一括処理に使われる有効な調整、フィルター、エフェクトが表示されます。プレビューを確認し、Show originalsをオンにすると元の画像と比較できます。Select allで一括処理の対象をまとめて選択・解除するか、個別の画像のチェックを外して除外します。一部の画像だけが含まれている場合、親のチェックボックスは混在状態で表示されます。
- 元の表示サイズで個別の画像レイヤーを作成するにはInsert new imagesを、含めた塗りを更新するにはReplace image fillsを選びます。または、PNG、JPEG、WebPのいずれかを選んでDownload ZIPをクリックします。InsertボタンとReplaceボタンには、含めた画像の数が表示されます。新しいレイヤーはグリッド状に配置され、まとめて選択されて画面に表示されます。元のレイヤーは変更されません。Include originals in ZIPは初期設定で有効になっており、変更前の元ファイルが
editedフォルダと並んでoriginalsフォルダに追加されます。レイヤー名が重複する場合は、それぞれ固有のファイル名が付けられます。 - 個別の編集に戻るには、モーダルを閉じるかEscapeを押します。一括確認を開いている間にキャンバスの選択を変えても反映されないため、新しい選択を読み込むにはRefresh selectionを使います。置き換えたあとに同じ塗りを再度編集する場合は、先に更新してください。
一括編集は、選択したレイヤー50個、表示されている画像塗り50個まで対応しています。各ソースはエディターの24メガピクセルの上限内である必要があります。元ファイルと準備された出力には、それぞれ合計128 MBの上限があります。ZIP出力で元ファイルを含める設定にしている場合は、元ファイルもこの上限に含まれます。GIFの塗りは対象外です。アニメーションにはGIF editorを使ってください。
一括設定には、全体の調整、トーンカーブ、色の置換、フィルター、エフェクトが含まれます。共通の編集が何も有効になっていない場合、Replace fillsは無効になります。先にプリセットを選ぶか、画像を調整してください。未編集のコピーのダウンロードや挿入は引き続き利用できます。トリミング、遠近補正、選択範囲、レタッチは対象外です。一括処理では、Figmaネイティブの色調整を含まない元のピクセルを使います。置き換えるとそれらの調整はクリアされますが、塗りの配置やほかのペイントは保持されます。1辺が4096 pxを超える素材は、Figma用に縮小されます。ダウンロードは元のフル解像度を保ち、Figmaのレイヤーは変更されません。
含めたすべての出力は、挿入や置き換えの前に準備されます。Cancel batchを使うと、Figmaのレイヤーを変更せずに準備を中止できます。画像の挿入中や置き換え中はキャンセルできません。元の塗りが変更されたり見つからなかったりすると、操作は実行されません。ページを切り替えたりEditタブを離れたりすると一括確認は閉じますが、完了した編集は保持されます。結果を確認するには元のページに戻ってください。FigmaのUndoを1回行うと、置き換えを元に戻したり、新しく挿入したレイヤーを削除したりできます。キャンバスでほかの変更を行う前に実行してください。元ファイルのコピーを別に残したい場合は、置き換えの前に元ファイルを含むZIPをダウンロードしてください。
結果を適用またはダウンロードする
- Insert imageは、新しい画像レイヤーを作成します。Figmaの画像塗りを編集している場合は、Crop、Fit、Fill、Tile、トリミング位置、回転、不透明度など、元のレイヤーのサイズと塗りの設定を保持します。アップスケールした場合も表示サイズはそのままで、より高解像度のピクセルが使われます。高解像度化の前後にトリミングとリサイズを使った場合は、指定したトリミング・出力サイズで挿入されます。
- Replace fillは、配置の設定とレイヤーのほかの塗りを保ったまま、元の画像塗りを更新します。結果がエディターのプレビューと一致するように、Figmaネイティブの色調整はクリアされます。FigmaのUndoで以前の塗りに戻せます。
- Remove backgroundのあとにInsert imageやDownloadを使うと、外側の完全に透明な余白が切り取られます。新しい切り抜きレイヤーは、元の塗りのトリミングではなく、切り取ったあとの画像の比率を使います。Replace fillでは、キャンバス全体と既存のレイヤーのサイズが保持されます。
- Downloadは、編集した画像のフル解像度でPNG、JPEG、WebPをエクスポートします。ボタンにはDownload PNGのように現在の形式が表示されます。メニューを開いてDownload as JPEGなどの形式を選ぶと、その形式でダウンロードされ、以降はボタンもその形式を使います。JPEGでは、透明なピクセルは白い背景になります。現在のブラウザで使えない形式がある場合は、別の形式を選んでください。
Figmaの画像素材は1辺4096ピクセルが上限です。これより大きい写真では、InsertとReplaceは意図したレイアウトサイズを保ったまま、比率を保って縮小した素材を使います。ダウンロードでは編集後のフル解像度が保たれます。
編集中に元の塗りが変更された場合、置き換えは実行できません。元画像を読み込み直すか、新しい画像として挿入してください。