Style by registering names separated by "/",
It is convenient because it can be managed in a hierarchical manner.

Design

How to use Figma’s “styler” plug-in.｜Let’s register styles in bulk.

Post：2024.03.19 / Rewrite : 2024.03.19

View

121 views

When using Styler for batch registration, the layer name becomes the style name as it is, so be careful with the layer name.

Movie｜How to use Figma's "styler" plug-in
How to use Figma's "styler" plug-in

Movie｜How to use Figma’s “styler” plug-in

How to use Figma’s “styler” plug-in

figma-plugin-styler

In Figma, effects such as fill, text, and drop shadow can be registered as styles.
These can be registered individually one by one, but they can also be registered together using the Styler plugin.

One thing to know is that it is convenient to register styles with their names separated by “/” so that they can be managed in a hierarchy.
When using Styler for batch registration, the layer name becomes the style name as it is, so be careful with the layer name.
Let’s register a color style, a text style, and an effect style at once.
It was successfully registered.
For example, if you want to change the style name, you can change it by changing the layer name and then Generate again, or if the same layer name is used, it will be overwritten if you Generate after changing the style.
Incidentally, you can also export all registered styles at once from the extract style.