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:Design system managementDaily design tokens implementationLegacy design files clean upApplying newly added variables/styles to the entire file.Features:Usage assessment by variable modesMerge and link values used to the selected style or variableSelect all elements using the same value/style or variableFilter variable modes and properties easilyAutomatically 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 variableLink all corner radius values in the file to number variablesMerge different styles with the same value to a single oneUse your imagination...Supported types:Color VariablesNumber VariablesString VariablesColor StylesText StylesEffect StylesFeel free to leave your comments and suggestions below, DM me on twitter(X), or email us.

Plugin Details

Version9
CreatedMarch 3, 2020
Last UpdatedMay 29, 2025
CategoryFile organization plugins
CreatorChenmu Wu
Stats55724 installs, 3154 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:
    • https://www.pagefolio.me