global style to code

About this plugin

Global Style To Code enables developers to quickly convert global styles (text, paint, and effect) to code. 

All support styles

• text styles
• paint styles
• effect styles

Variable Options

you can convert styles to code in several ways

• Javascript object style
• CSS class style (only in paint style)
• CSS variable style
• SCSS mixin style
• SCSS variable style(only in paint style)

if you choose to convert paint style, there are options for color expression

• RGBA code (default)
• HEX code (ex. #EEFF00)
• HSL code (ex. hsl(240, 100%, 50%))

How to use

1. turn on this plugin in your figma file
2. check styles that you want to get
3. check export options
4. copy 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