@onvy/frontend-design-tokens
v1.0.8
Published
Steps to create theme files:
Downloads
56
Readme
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
- Go to Figma and open the
Design System
/Design System Evolution
file 📁 and be - Click on the
Resources
button in the top Toolbar (Shortcut: Shift+I on macos) - Click on
Plugins
and search forJson Exporter
- Tap on the plugin and then tap
Export Figma Data
to have the file downloaded somewhere on your sysem - 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/
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