Valor
Translate Figma color styles to css/scss variables and back
Plugin Preview
About this plugin
Bridge the gap between designers and developers.🎨 Visualise existing or new color palettes in your design system.Import lists of color variables to draw components on canvas.Visual options:- Horizontal orientation with circular shape- Vertical orientation with square shape- Color labelsHEX, RGB/RGBA, HSL/HSLA are supported📃 Generate lists of variables from color palettes:- Select shapes on a canvas to generate variables list- Currently only rectangle or ellipse shapes are supported- Beware, shapes must be ungrouped and shape's name will be passed to variable nameVariables lists can be copied to the clipboardMore options will be available with new releases! Stay tuned☕️ Buy me a coffee
Plugin Details
| Version | 12 |
|---|---|
| Created | January 13, 2020 |
| Last Updated | September 1, 2026 |
| Category | shapes-colors |
| Creator | Ilia Kolebaev |
| Stats | 1088 installs, 88 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Loads the Inter and Roboto Mono webfonts used in the plugin UI.
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://rsms.me
More Like This
Discover other plugins in the shapes-colors category.