Back to Plugins
Valor

Valor

Translate Figma color styles to css/scss variables and back

scsscsslessvariablesvectorpostcsscodecolorsassstylescolor styles

Plugin 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

Plugin Details

Version11
CreatedJanuary 13, 2020
Last UpdatedAugust 28, 2022
Categoryshapes-colors
CreatorIlia Kolebaev
Stats1085 installs, 78 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma