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 | 255 installs, 50 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.
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