Figmaのレイヤー名を一括変更するプラグイン「Rename It」

複数レイヤーの一括変更は、Figmaのデフォルト機能でも最低限できます。

連番を振ったり、元のレイヤー名の利用もできるのでデフォルト機能でも十分ですが、さらに高度なことをしたい場合はプラグインの出番です。

Webrandum

Figmaでプラグインを使わずに複数のレイヤー名を一括変更する方法

https://webrandum.net/figma-multiple-layer-rename

デザインをしていると、レイヤーがだんだんごちゃごちゃしてきて気になってしまいます。名称などは人によっては気にしないかもしれませんが、キレイに整理しておいて損をするものではありません。レイヤー名を整理したいときにはプラグインを使わないのかと思いがちですが、実はFigmaではデフォルトの機能でレイヤーの一括変更ができます。レイヤー名の一括変更方法まずはレイヤーパネルで複数レイヤーを選択してから、右クリックで［Rename（command + R）］を選択します。すると「Rename ○ layers」のモーダルが表示されます。項目内...

Rename It

Figma

Figma

https://www.figma.com/community/plugin/731271836271143349/Rename-It

Figma Community plugin — Keep your Figma files organized, batch rename layers and frames.• Mutiple LayersRename Multiple layers at once.• SequenceSequentially rename layers in either ascending or descending order.→ Keyword %n - Ascending numbered sequence→ Keyword %N - Descending numbered sequence→ Keyword %A - ...

インストールするとFigmaのメニューバーに［Plugins］→［Rename It］が追加されます。

基本的な使い方

名前を変更したいレイヤーを選択した状態で、メニューバーか右クリックメニューの［Plugins］→［Rename It］内のメニューを選択して使用します。

• 1. Rename Selected Layers：選択レイヤー名の変更
• 2. Find Replace Selected Layers：選択レイヤー名の検索置換
• 3. Settings：設定メニュー
• 4. Donate：寄付メニュー

ちなみに、初回起動時は下記のGoogleアナリティクスを使った解析の許可モーダルが表示されます。
プラグインをより良いものにするために「Agree」で許可しておきましょう（「Disagree」で許可しなかったとしてもRename Itは使えます）。

Rename Selected Layers：選択レイヤー名の変更

「Name」に変更名を入力して、連番を使用する場合は「Start from」で開始値を入力します。
「%」を使ったキーワードが使えるのはデフォルトのリネーム機能と一緒ですが、用意されている数が違います。

デフォルト機能にあるのは「Layer Name」「Num. Sequence ASC」「Num. Sequence DESC」の3つだけです。

Rename Itを使えば下記のようにレイヤー名を分かりやすくできます。

• インスタンスを全て「%s」でコンポーネント名に統一する
• 画像は「image_%w_%h」に統一して横幅と高さが分かるようにする
• テキストに「%ls%」でスタイル名を付けて、スタイルを使っていることを分かりやすくする

Find Replace Selected Layers：選択レイヤー名の検索置換

Rename Itの場合、検索置換は別になっています。

「Find」に検索したいキーワード、「Replace」に置換したいキーワードを入力するだけです。
「Case Sensitive」にチェックを入れると大文字小文字を区別します。