global style to code
'Global Style To Code' enables developers to quickly convert global styles to code.
Plugin Preview
About this plugin
Global Style To Code enables developers to quickly convert global styles (text, paint, and effect) to code. All support stylestext stylespaint styleseffect stylesVariable Optionsyou can convert styles to code in several waysJavascript object styleCSS class style (only in paint style)CSS variable styleSCSS mixin styleSCSS variable style(only in paint style)if you choose to convert paint style, there are options for color expressionRGBA code (default)HEX code (ex. #EEFF00)HSL code (ex. hsl(240, 100%, 50%))How to useturn on this plugin in your figma filecheck styles that you want to getcheck export optionscopy and paste on your code!Got questions?please contact me :)If you like this plugin, visit my repository and press star button!https://github.com/YumYumNyang/yummy-figma-plugin
Plugin Details
| Version | 5 |
|---|---|
| Created | August 23, 2022 |
| Last Updated | April 21, 2023 |
| Category | Software development |
| Creator | yumyumnyang |
| Stats | 248 installs, 49 likes |
| Pricing | Free |
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 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.