Back to Plugins

Swap color styles to variables
Easily swap colors with variables from your team libraries
design tokenslibrarylayersdesigncolors stylestokensvariablesdesign systemstyles
Plugin 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 instantlyTo swap color styles to variables, follow these steps:1.Select the desired layers.2.Click on Convert Styles to Variables3.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 variablesAt the moment, only colors are supported.
Plugin Details
| Version | 2 |
|---|---|
| Created | August 10, 2023 |
| Last Updated | August 10, 2023 |
| Category | design-systems |
| Creator | Rob |
| Stats | 217 installs, 31 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the design-systems category.