Figmaで、キャンバス上の複数のレイヤーやオブジェクトを一括して編集できる機能が公開されました。この機能を使えば、以下のようなことが可能になります。
複数のテキストレイヤーの文字列を一度に更新
別々のセクションにまたがるオブジェクトを複数まとめてグループ化
フレーム間でオブジェクトにオートレイアウトを適用
コンポーネントセットの全バリアントに同じオブジェクトを挿入できる
Multi-edit: the way it should have been but wasn’t but now is. pic.twitter.com/cB2yjbo82r
— Figma (@figma) March 6, 2024
一括編集の手順は次の通りです。
キャンバスかレイヤーパネルから複数のレイヤーを選択する
選択したオブジェクトに対して、移動・回転・グループ化・マスク処理・ブーリアン演算・オートレイアウトの追加などの編集操作を行う
テキストを編集する場合は、テキストレイヤーを複数選択した上で、ツールバーの「Multi-edit text」をクリックするか、Enterキーを押すことで編集が可能。選択したテキストレイヤーの内容が一括で変更されます。
また、コンポーネントセット内の複数のバリアントを一度に編集することもできます。ツールバーの「Multi-edit variants」をクリックするか、Qキーを押すと、同じレイヤーに対する編集内容がすべてのバリアントに反映されます。編集を終えるには、再度同じボタンかキーを押すか、コンポーネントセットの外側を ダブルクリックします。