Back to Plugins
Swap color styles to variables

Swap color styles to variables

Easily swap colors with variables from your team libraries

design tokenslibrarylayersdesigncolors stylestokensvariablesdesign systemstyles

Plugin Preview

Swap color styles to variables preview

About this plugin

🦄 Update: Want to generate many unique themes with your variables? Need to import/export variables accross files? Try my new plugin called "Variables to Palette" Click here 🦄


Import variables from any design system &

generate many unique themes instantly


To swap color styles to variables, follow these steps:

1.Select the desired layers.

2.Click on Convert Styles to Variables

3.Ensure that the names of your local styles match the variables names in your team libraries. If it's the case, you should see your layers replaced with variables


At the moment, only colors are supported.

Plugin Details

Version2
CreatedAugust 10, 2023
Last UpdatedAugust 10, 2023
Categorydesign-systems
CreatorRob
Stats179 installs, 20 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma