Back to Plugins
Styler

Styler

Bulk management of styles based on layer properties.

editaddmanagerbatchcreateupdatechangerenamegeneratestylesbulkdelete

Plugin Preview

Styler preview

About this plugin

Features

  1. Generate styles: Create, rename, and update local styles.
  2. Extract styles: Convert local styles into layers for easy manipulation.
  3. Remove styles: Remove styles from selected layers.
  4. Detach styles: Detach styles from selected layers.
  5. Apply styles: Apply styles by matching the style and layer names.


Use cases

  1. Update color palettes across existing styles with a few clicks.
  2. Bootstrap new projects by cloning existing systems.
  3. Combine styles from different systems seamlessly.
  4. Swap typography styles quickly.


Notes

  1. Limited support: No variables or mixed text properties supported yet.
  2. Figma API constraints: Some advanced text layer features (e.g., slashed zeros) are not supported.
  3. Slash grouping: Limited to grouping styles with the slash ("/") symbol; whitespace around the slash may cause issues.


Guides

  1. How to batch create color styles by Luis Ouriach
  2. How to batch create text and color styles by Luis Ouriach
  3. 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.


Source code

Plugin Details

Version6
CreatedMarch 14, 2020
Last UpdatedApril 21, 2023
Categoryediting & effects plugins
CreatorAndrei Iancu
Stats91925 installs, 2667 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma