Figmaでカラーやテキストのスタイルをまとめて登録するプラグイン「Styler」
デザインをつくるとき、カラーやテキストのスタイルなど最小パーツを決めてから、それを使うようにすると統一感のあるデザインになります。
とはいえ、1つ1つスタイルを登録していくのはかなり面倒です。
今回紹介するプラグインの「Styler」を使うと、そんな面倒なスタイル登録がラクになります。
Styler
Stylerは選択要素を一括でスタイルに登録するプラグインです。
基本的な使い方
スタイルの登録
まずはスタイル登録をしたいテキストやカラーを作成します。
次に、先ほど作成したテキストやカラー要素のレイヤー名が、スタイルに登録されたときの名前になるので変更します。
レイヤー名を変更するときはFigmaのリネーム機能を使ったり、プラグインの「Rename It」を使用するとすばやくできます。
レイヤー名の整理ができたら、要素を選択してFigmaメニューバーの［Plugins］→［Generate Styles］を選択すればスタイルが登録されます。
追加されたタイミングでFigmaの画面下に確認メニューが表示されます。
ちなみに、レイヤー名と同じ名前のスタイルが存在している場合は、更新扱いになります。
また、同じスタイルでレイヤー名のみ変えた場合はリネーム扱いになります。
