Styles & Variables Organizer
Apply styles and variables to all your designs with one click!
Plugin Preview
About this plugin
Styles and Variables Organizer helps teams manage design systems and design tokens consistently across new work and legacy files.Design System Management at ScaleDaily design token implementation in active files.Legacy design file cleanup and migration.Applying newly added variables and styles to entire files quickly.Features1. Design Token Usage AssessmentAssess token usage amounts to understand what is actually adopted.Filter variable properties to focus on the right migration scope.2. Select, Link, Merge, and Bulk Apply TokensSelect all elements using the same value, style, or variable.Apply newly added variables and styles to the entire selection.Merge different styles and variables with the same value into a single source of truth.Speed up repetitive design token implementation tasks.3. One-Click System ConsolidationAutomatically merge all available styles and variables with a single click.Keep your design system and token library clean over time.Supported Variable and Style TypesColor VariablesNumber VariablesString VariablesColor StylesText StylesEffect StylesPractical Token Operation ExamplesLink all matching colors in a file to a color variable.Link all corner radius values in a file to number variables.Merge different styles with the same value into one shared style.Use your imagination!Issues or Feature RequestsEmail: [email protected]
Plugin Details
| Version | 11 |
|---|---|
| Created | March 3, 2020 |
| Last Updated | May 4, 2026 |
| Category | File organization plugins |
| Creator | Chenmu Wu |
| Stats | 56612 installs, 3259 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.