Selection to Variables

About this plugin

Selection to Variables turns raw design values into reusable Figma assets — directly from existing files.Scan Groups, Frames, and Sections to detect token candidates: colors, typography, spacing, border radius, and effects. Review results by type, rename what needs adjusting, and generate variables, styles, or a full JSON token export in one step.What it does:- Detects repeated values automatically and groups them by type- Creates or reuses variables organized into four flat groups: palette, scale, content, and states — named in your interface language- Creates or reuses color, text, and effect styles — with checkboxes to include or exclude each one- Applies generated assets back to the current selection- Exports reviewed tokens as structured JSON with palette references- Generates a Design Guide directly on the canvas: color swatches, typography scale, spacing chips, and effect previews — all as editable Figma framesVariable-aware style generation: when compatible variables already exist in the file, the plugin reuses them instead of creating duplicates.Available in English, Portuguese (BR), and Spanish.Ideal for auditing existing files, bootstrapping design systems, and moving from raw UI values to structured, reusable assets faster.