Back to Plugins
Variable Helpers

Variable Helpers

Useful helpers for creating, applying, and swapping variables between collections.

Plugin Preview

Variable Helpers 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

Version5
CreatedNovember 6, 2025
Last UpdatedNovember 10, 2025
CategoryImport & export plugins
CreatorTaka Shimokobe
Stats1 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:build/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none