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 | 1341 installs, 55 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.