@onvy/frontend-design-tokens v1.0.10

A command line tool to automate the creation of theme files from Figma

Steps to create theme files:

❗ Note that you need nodejs on you system to generate the files

1. Go to Figma and open the Design System / Design System Evolution file 📁
2. Install this Json Exporter figma plugin
3. Click on Plugins then Tap on the Json Exporter plugin and then tap Export Figma Data to have the file downloaded somewhere on your system
4. Run npx @onvy/frontend-design-tokens <path-you-downloaded-file-to> <target-directory-to-have-generated files>, for example: npx @onvy/frontend-design-tokens ~/Downloads/data.json ~/Desktop/ONVY/mobile-app/src/styles/generated/. Alternatively, You can also run the ts files directly using ts-node, for example: npx ts-node src/index.ts ~/Downloads/data.json ~/Downloads/generated/

At this point, you should see the files generated in the specified directory.

❗ If an error is shown in the console instead of generating the files, then there is likely some issues with the tokens. Check the output message and report back to UI/UX