Back to Plugins

Styles & Variables Organizer
Link values used in design to styles and variables easily!
numbersdesign-systemcolor variablesdocumentationtext stylesvariablesstring variablesorganizedesign systemeffect stylesefficiencystylescolor styles
Plugin 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:
- Design system management
- Daily design tokens implementation
- Legacy design files clean up
- Applying newly added variables/styles to the entire file.
Features:
- Usage assessment by variable modes
- Merge and link values used to the selected style or variable
- Select all elements using the same value/style or variable
- Filter variable modes and properties easily
- Automatically merge all available styles/variables with a single click!
Examples of what you can do:
- Link all the same color in the file to a color variable
- Link all corner radius values in the file to number variables
- Merge different styles with the same value to a single one
- Use your imagination...
Supported types:
- Color Variables
- Number Variables
- String Variables
- Color Styles
- Text Styles
- Effect Styles
Feel free to leave your comments and suggestions below, DM me on twitter(X), or email us.
Plugin Details
Version | 8 |
---|---|
Created | March 3, 2020 |
Last Updated | March 24, 2025 |
Category | File organization plugins |
Creator | Chenmu Wu |
Stats | 52831 installs, 2705 likes |
Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.