スタイルは名称を「/」で区切った名称で登録することで、
階層化して管理できるので、便利です。

Hanai Akihiro

Design

【動画あり】Figmaのプラグイン『styler』の使い方|スタイルを一括で登録しよう。

Post:2024.03.19 / Rewrite : 2024.03.19

View

285 views

Stylerを使って一括登録する時は、レイヤー名がそのままスタイル名になるので、レイヤーの名称には注意しましょう。

figma-plugin-styler

動画で見る|Figmaのプラグイン『styler』の使い方

Figmaのプラグイン『styler』の使い方

figma-plugin-styler

Figmaでは、塗り、テキスト、ドロップシャドウなどの効果をスタイルとして登録できます。
これらは、個別に一つずつ登録していくのも良いんですが、Stylerプラグインを使って、まとめて登録する事もできます。

知っておきたい事としては、スタイルは名称を「/」で区切った名称で登録することで、階層化して管理できるので、便利です。
Stylerを使って一括登録する時は、レイヤー名がそのままスタイル名になるので、レイヤーの名称には注意しましょう。
ここに、カラースタイル、テキストスタイル、エフェクトスタイルを一括して登録してみます。
登録できました。
例えば、スタイル名を変えたい時は、レイヤー名を変更して再度、Generateすれば、変えられますし、同じレイヤー名であれば、スタイルの変更後にGenerateすれば上書きされます。
ちなみに、エクストラクトスタイルから、登録しているスタイルを一括で吐き出す事もできます。

Contact

お問い合わせ

こんなことを伝えたい!こんな表現がしたい!
これくらいの期間・予算で考えてるんだけど...
まずは、あなたのご要望をお聞かせください。
誠心誠意、お応えいたします。

contact
tel tel