Skip to content
Valor

Valor

by Ilia Kolebaev

Translate Figma color styles to css/scss variables and back

FreeFigma

Installs

1,088

Likes

88

Users

1,302

Views

5,008

Preview

Valor 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

More shapes colors plugins

View all