CSS/SCSS Variables Colorizer

About this plugin

Usage

1. Copy the base CSS or SCSS variable code.
2. Launch the plugin.
3. Paste the code into the input field of the plugin UI.
4. Click the button.
5. The plugin generates code where the color variables with the same name as Figma variables are set to the colors of those variables.

For example, you can input next code.

// CSS variables
--primaryColor: #ffffff;
--secondaryColor: #000000;

// SCSS variables
$primaryColor: #ffffff;
$secondaryColor: #000000;