Tips：Figmaで画像を書き出す時に、フォルダごと階層分けして書き出す方法

Figmaのフレームに良く「/」区切りで名前を付けていたのですが、どうしてもフォルダリングされた状態で書き出されてしまう。。と悩んでいたらむしろ便利機能だということに気が付きました( ᐛ )

❶フレームのネーミング

フレーム名を「/」区切りにします。「/」よりも前にある「img」がフォルダとなり「pattern_A」「pattern_B」が内部に書き出されます。この階層はいくらでも増やせます ex) img/thumbnail/big-size

フレーム名の例

❷書き出してみる

2つのフレームを一括選択してエクスポートすると、瞬時にこの状態で書き出されます。Figma上と、書き出した後のデータ管理を合わせることができるので、結構使えそうです👀

エクスポート後

気付くまではむしろ邪魔でしたが、結構便利でしたー！