Figmaのレイヤー名を連番で整理！効率アップのための手順

はじめに

Figmaで作業をしていて、レイヤーを整理したくなる場面はありませんか？
今回はFigmaのデフォルトの機能とプラグインを使用して、効率良くレイヤーを整理する方法を解説します。

レイヤー名を一括変更

まずはレイヤー名を一括で変更する機能を使ってみましょう。

変更したいレイヤーを全て選択し、『command』+『R』でウィンドウを開きます。
今回は「box01,box02,box03～」と連番を振っていきます。

「変更後の名前」の箇所に「box」と記入した後に『番号↑』をクリックします。
すると「box$nn」と記入されました。
左側にプレビューがあるので上手く反映されているか確認します。
問題なければ右下の「名前を変更」を選択しましょう。

レイヤーを確認すると、きちんと「box01,box02,box03～」と名前が変更されていますね。

レイヤーの順序整理

次に、先ほど連番を振ったレイヤー群を連番通りに並べ替えます。
今回は「Sorter」というプラグインを使用します。

 整理したいレイヤーを全て選択して「Alphabetical Dsc.(Z→A)」をクリックします。
これで、バラバラだったレイヤーが連番通りに整列します。

今回はオートレイアウトを追加しているので、レイヤーの順番が変わると自動的にBOXの位置も変更されました。
上記ではアルファベット順の置き換え機能を使用して連番を昇順に整理しましたが、他にも降順に入れ替えたり、ランダムに並べ替えたりもできます。

まとめ

整理されたレイヤーは、プロジェクト全体の見通しを良くし、ミスを減らすことにも繋がります。
ぜひお試しいただき、デザインの効率化を実感いただけると嬉しいです！