Convert Figma variables to Tailwind in seconds

Script: gist.github.co...
Here's how you tailwind.config.js should look like: gist.github.co...
Plugin used: Variables Import Export by Magic Grass www.figma.com/...
Note: you must have fs and lodash installed to make this work.
- Export variables through the plugin mentioned above
- Place the file alongisde your tailwind.config.js
- Place the script alongside your tailwind.config.js and tweak settings (explained in video)
- Make sure node, fs, lodash are installed (npm i -g lodash fs)
- Run `node convertVariables.js`
- Import all values to tailwind.config.js

[@omadalosso]

Nice video. Just want to share that chatGPT does a pretty good work on converting the script output to a tailwindl.config theme object as well.

[@michalguy]

Why waste API tokens if you can do it for free though :P

[@omadalosso]

@@michalguy It's pratical. Both approaches are really, but the chatGPT one won't require a runtime env to be available

[@fabeiras]

FENOMENAL!!! 😍

[@tomvanhooreweder]

Does this work with multiple modes? Like dark mode and light mode?

[@michalguy]

@@tomvanhooreweder Haven't tried that one, let me know how would you like to use it! How are you tailwind vars for different modes set up?

[@nasdastv1754]

gj i sub to you man