Styles & Variables Organizer
Figma Plugin 128k 3.1k
Try Now

Styles and Variables Organizer helps teams manage design systems and design tokens consistently across new work and legacy files.

Design System Management at Scale

  • Daily design token implementation in active files.
  • Legacy design file cleanup and migration.
  • Applying newly added variables and styles to entire files quickly.

Features

1. Design Token Usage Assessment

  • Assess token usage amounts to understand what is actually adopted.
  • Filter variable properties to focus on the right migration scope.
  • Select all elements using the same value, style, or variable.
  • Apply newly added variables and styles to an entire file.
  • 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 Consolidation

  • Automatically merge all available styles and variables with a single click.
  • Keep your design system and token library clean over time.

Supported Variable and Style Types

  • Color Variables
  • Number Variables
  • String Variables
  • Color Styles
  • Text Styles
  • Effect Styles

Practical Token Operation Examples

  • Link 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!

Detailed Instructions

Instructions image

Instructions image

Properties Supported for Each Variable Type

Instructions image

Special Things to Notice

  • All nested layers inside boolean operations(union, subtract, intersect, exclude) are skipped.
  • Masks are ignored for paint/color/effect detection. Mask layers are skipped when recording fills, strokes, and effects.
  • Only visible colors and effects count. Hidden fills, hidden strokes, and hidden effects are excluded from results. Results are grouped by actual visual value. 
  • Text style detection skips mixed text properties. If a text layer has mixed font size, font, line height, letter spacing, etc., it is skipped for text style grouping.

Issues or Feature Requests

Email: contact@mureal.io