oriziv/cssgen

Generate SCSS or LESS from Figma document (Plugin)

cssgen's Issues

UI / CSS library to build the UI of the plugin

What about https://github.com/thomas-lowry/figma-plugin-ds?

I think this is what you put in figma-plugin-ui-css-0.5 right?

Manifest error

Hello everybody!

I love your plugin, but it doesn't work anymore =(

In figma devtools I've got an error message:

I've cloned the repo and edited manifest like this
{ "name": "CSSGen", "id": "742750636238601912", "api": "1.0.0", "main": "dist/plugin.js", "ui": "dist/ui.html", "editorType": ["figma"] }

And the plugin works again. Could you please check this?

Design and features discussion

Hi @oriziv

Thank you for creating this plugin, I was looking for initial example to build a figma plugin to generate SCSS/LESS/CSS and I was glad I found this one.

I just invited you to a Figma where I would like to design the UI of the plugin.

Read only link here: https://www.figma.com/file/PtMxgifpN5OVDQ0vfVDODi/Figma-SCSS-LESS-Plugin?node-id=0%3A1

At a high level, the initial goals for this plugin would be IMO:

• export colors to scss/less/css variables
• export text styles to scss/less mixins (not sure what to do for plain css)
• export shadows to scss/less mixins

Options:

• prefixes for mixins, variables, and filenames
• formatting options (capitalize vs lower case etc)
• export each design token into it's own file (colors.scss, text-styles.scss, etc)