Colors to Variables
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 projectOpen extensionPress CSS or SCSS buttonAnd copy your colorsThat's all!
Plugin 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 projectOpen extensionPress CSS or SCSS buttonAnd copy your colorsThat's all!
Plugin Details
| Version | 6 |
|---|---|
| Created | October 2, 2020 |
| Last Updated | October 22, 2020 |
| Category | Software development |
| Creator | Emirhan Engin |
| Stats | 1375 installs, 56 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code