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 labels
HEX, 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 name
Variables lists can be copied to the clipboard
More options will be available with new releases! Stay tuned
Plugin Details
Version | 11 |
---|---|
Created | January 13, 2020 |
Last Updated | August 28, 2022 |
Category | shapes-colors |
Creator | Ilia Kolebaev |
Stats | 1076 installs, 76 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.