WebDesigner's Memorandumウェブデザイナーの備忘録

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

デザインをしていると、レイヤーがだんだんごちゃごちゃしてきて気になってしまいます。
名称などは人によっては気にしないかもしれませんが、キレイに整理しておいて損をするものではありません。

レイヤー名を整理したいときにはプラグインを使わないのかと思いがちですが、実はFigmaではデフォルトの機能でレイヤーの一括変更ができます。

レイヤー名の一括変更方法

まずはレイヤーパネルで複数レイヤーを選択してから、右クリックで[Rename(command + R)]を選択します。

レイヤー名の「Rename」

すると「Rename ○ layers」のモーダルが表示されます。

Renameモーダル

項目内容備考
Match (optional)検索用のキーワード未入力の場合は全文字置換になる

Rename to

置換後のキーワード

「Match (optional)」に文字が入っていると、

「Rename with」に変わる

Start ascending from連番を付く場合の開始数字 

入力したら「Rename」をクリックで変更できます。

レイヤー名の変更時に使える変数

「Rename to」の下にあるボタンをクリックすると、入力欄にキーワードが入ります(自分で直接キーワードを入力しても反映されます)。

置換時に使える変数

変数名キーワード内容
Current name$&元のレイヤー名が入る

Number ↑

&nn

上のレイヤーから昇順で連番が入る(01 → 02 → 03)

Number ↓&NN上のレイヤーから降順で連番が入る(03 → 02 → 01)

この機能を使ってレイヤー名に連番を振ったり、元のレイヤー名の先頭・最後に共通の文字を入力できます。

ちなみに、「$nn」とすると「01」のように数字2桁になりますが、「$n」で「1」のように1桁にもできます。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね