Styles & Variables Organizer

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

Design System Management at Scale

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

Features

1. Design Token Usage Assessment

1. Assess token usage amounts to understand what is actually adopted.
2. Filter variable properties to focus on the right migration scope.

2. Select, Link, Merge, and Bulk Apply Tokens

1. Select all elements using the same value, style, or variable.
2. Apply newly added variables and styles to the entire selection.
3. Merge different styles and variables with the same value into a single source of truth.
4. Speed up repetitive design token implementation tasks.

3. One-Click System Consolidation

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

Supported Variable and Style Types

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

Practical Token Operation Examples

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

Issues or Feature Requests

Email: contact@mureal.io