Variable Helpers
Useful helpers for creating, applying, and swapping variables between collections.
Plugin Preview
About this plugin
A collection of useful utilities for working with Figma variables and multi-file token setups.
Apply Variables to Selection
Binds variables to selected layers by matching their current values (colors, numbers, text) with variables from your local or team libraries. Choose a specific collection or apply all collections at once. Plugin prioritizes variables with higher specificity scopes.
Apply Closest Color to Selection
Finds and applies the closest color variable from a collection.
Create Colors from Selection
Extracts colors from selected layers and creates color variables for them. Automatically binds the new variables back to their source layers and preserves any existing variable aliases.
Create Variables from Styles
Converts Figma styles into variables and binds them back to source styles. Choose to convert all styles or filter by type (color only, typography only, or effects only). Handles cases like gradients, font properties, shadows, and blurs.
Swap by Variable Name
Remaps aliases in your local collection to reference a different library, but only when the referenced variable names match exactly. Library swap for variables.
Swap by Variable Value
Remaps variable aliases by matching their resolved values (colors, numbers, text).
Plugin Details
| Version | 5 |
|---|---|
| Created | November 6, 2025 |
| Last Updated | November 10, 2025 |
| Category | Import & export plugins |
| Creator | Taka Shimokobe |
| Stats | 1 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:build/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML