Back to Plugins
Colors to Variables

Colors to Variables

<p>Hey! Here is my first figma plugin. Using this plugin, you can get all of your local Figma styles as css/scss variables.</p><p><br></p><p>I made this plugin because, at my fulltime job (<a href="https://basework.studio/en/" rel="noreferrer noopener nofollow" target="_blank">Basework</a>), we create a lot of UI development. And almost every design comes with Figma. And it is really boring to add new variables to Scss.(you know, copy color, add new variable and stuff like this...) And that's why i've made it.</p><p><br></p><p><strong>How to use:</strong></p><ul><li>Create local styles for your project</li><li>Open extension</li><li>Press CSS or SCSS button</li><li>And copy your colors</li></ul><p>That's all!</p>

rgbacssvariablescolorstylesrgbcode-generators

Plugin Preview

Colors to Variables preview

About this plugin

Hey! Here is my first figma plugin. Using this plugin, you can get all of your local Figma styles as css/scss variables.


I made this plugin because, at my fulltime job (Basework), we create a lot of UI development. And almost every design comes with Figma. And it is really boring to add new variables to Scss.(you know, copy color, add new variable and stuff like this...) And that's why i've made it.


How to use:

  • Create local styles for your project
  • Open extension
  • Press CSS or SCSS button
  • And copy your colors

That's all!

Plugin Details

Version6
CreatedOctober 2, 2020
Last UpdatedOctober 22, 2020
CategorySoftware development
CreatorEmirhan Engin
Stats1254 installs, 49 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js