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 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


☕️ Buy me a coffee

Plugin Details

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

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.