Figmaで複数要素を一括選択して同時編集する方法

今回は、Figmaでレイヤー内の要素を一括指定できる「マッチングレイヤー」と、テキストを同時編集できる「テキストのマルチ編集」の使い方を紹介します。コンポーネント化をする前にデザインパターンを検討したい時などに便利な機能です。

なおこの機能は、2024年3月にリリースされました。

この記事のターゲット

• Figmaでコンポーネントを使わずに要素を一括編集したい方

• Figmaでのデザインパターンの検討を効率的に行いたい方

「マッチングレイヤー」の使い方

マッチングレイヤーは、複製したレイヤーなど、構造が同じレイヤー内に存在するオブジェクトを一括選択できる機能です。

オブジェクトを選択中に option + command + A を押すとショートカットできます。

マッチングレイヤーの判定条件は、単純に同じレイヤー名であれば選ばれるというわけではなく、相対的な位置（レイヤー順）や値などから判断されているように見えます。

「テキストのマルチ編集」の使い方

テキストのマルチ編集は、マッチングレイヤーで選択したテキストオブジェクトに対して、テキストの値を一括変更できる機能です。

マッチンレイヤーで複数選択中にメニューバーから「テキストのマルチ編集」を押すか、 Enter を押すとテキスト編集できます。

この記事を読んだ方におすすめの記事

Figmaでテキストを使った便利なテクニック集

今回はFigmaでテキストを扱い際に便利なテクニックやプラグインを紹介します。デザイナーだけでなく、エンジニアやUXライターやマーケターなど、Figmaでコラボレーションする際にテキストを編集する際にご活用ください。 ... 続きを読む

Figmaでファイル内のテキストを検索・一括置換する方法

今回はFigmaのファイル内のオブジェクト名やコンテンツ内のテキストを検索・置換する方法を紹介します。ファイル内で特定の文言を一括で置き換えたい場合や、UIコンポーネントをテキスト検索で引き当てたいときに便利です。 ... 続きを読む

Figmaの画面レイアウトや配置に関する機能のまとめ

FigmaでUIや画面のレイアウトを設計する際に便利な機能やテクニックのまとめです。 ... 続きを読む