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 | 11 |
|---|---|
| Created | January 13, 2020 |
| Last Updated | August 28, 2022 |
| Category | shapes-colors |
| Creator | Ilia Kolebaev |
| Stats | 1085 installs, 78 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the shapes-colors category.