About Styler
Styler is a free Figma plugin published by Andrei Iancu in 2020. It works in Figma Design and has 229,092 users and 3,399 likes on the Figma Community. It ranks #1 in Design Systems on our lists.
In the developer's words
Features
- Generate styles: Create, rename, and update local styles.
- Extract styles: Convert local styles into layers for easy manipulation.
- Remove styles: Remove styles from selected layers.
- Detach styles: Detach styles from selected layers.
- Apply styles: Apply styles by matching the style and layer names.
Use cases
- Update color palettes across existing styles with a few clicks.
- Bootstrap new projects by cloning existing systems.
- Combine styles from different systems seamlessly.
- Swap typography styles quickly.
Notes
- Limited support: No variables or mixed text properties supported yet.
- Figma API constraints: Some advanced text layer features (e.g., slashed zeros) are not supported.
- Slash grouping: Limited to grouping styles with the slash ("/") symbol; whitespace around the slash may cause issues.
Guides
- How to batch create color styles by Luis Ouriach
- How to batch create text and color styles by Luis Ouriach
- How to batch create text and color styles by Brylle Clarido
Feedback is highly appreciated! Share your thoughts in the comments or reach out in any way you prefer.
What's new
Version 6 ยท released Apr 21, 2023
- hotfix for recent crash
- recently Figma renamed hangingQuote -> hangingPunctuation
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Styler ranks
Styler alternatives
- 1
Design Lint
by Daniel Destefanis
142K users5.7KFreeFind and fix errors in your designs
- 2
Specs Classic
by Directed Edges Plugins
136K users5.5KFree + $8/mo upgradeGenerate component specs including anatomy, props and layout & spacing
- 3
Styles & Variables Organizer
by Chenmu Wu
134K users3.2KFree + $15 upgradeApply styles and variables to all your designs with one click!
- 4
Instance Finder
by Idan Arbel
96K users1.8KFree - 5
Color Style Guide
by hiloki
79K users1.4KFreeCreate the brillant Color Styleguide page using your local Color Styles.
- 6
Storybook Connect
by Chromatic Deploys
61K users1KFreeInspect Storybook stories in Figma
Styler FAQ
What does Styler do?
Bulk management of styles based on layer properties. It's a Figma plugin by Andrei Iancu that runs in Figma Design.
Is Styler free?
Yes. Styler is free to install and run from the Figma Community, with no paid tier listed.
How do I install Styler?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Styler?
By user count, the closest alternatives are Design Lint, Specs Classic and Styles & Variables Organizer. Compare all of them on the best Figma plugins for design systems.
Built this plugin?
Use this page as a landing page for Styler: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/styler/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Styler on figmaplugins.co" width="220" height="48"></a>