Back to Plugins
Styles & Variables Organizer

Styles & Variables Organizer

Link values used in design to styles and variables easily!

numbersdesign-systemcolor variablesdocumentationtext stylesvariablesstring variablesorganizedesign systemeffect stylesefficiencystylescolor styles

Plugin Preview

Styles & Variables Organizer preview

About this plugin

Both Variables and Styles are supported now! Link values used in your design file to all types of styles and variables easily!


Styles and Variables Organizer is your most handy tool for:

  1. Design system management
  2. Daily design tokens implementation
  3. Legacy design files clean up
  4. Applying newly added variables/styles to the entire file.


Features:

  1. Usage assessment by variable modes
  2. Merge and link values used to the selected style or variable
  3. Select all elements using the same value/style or variable
  4. Filter variable modes and properties easily
  5. Automatically merge all available styles/variables with a single click!


Examples of what you can do:

  1. Link all the same color in the file to a color variable
  2. Link all corner radius values in the file to number variables
  3. Merge different styles with the same value to a single one
  4. Use your imagination...


Supported types:

  1. Color Variables
  2. Number Variables
  3. String Variables
  4. Color Styles
  5. Text Styles
  6. Effect Styles


Feel free to leave your comments and suggestions below, DM me on twitter(X), or email us.

Plugin Details

Version8
CreatedMarch 3, 2020
Last UpdatedMarch 24, 2025
CategoryFile organization plugins
CreatorChenmu Wu
Stats52831 installs, 2705 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none