1.0.8 ⢠Published 9 months ago
@onvy/frontend-design-tokens v1.0.8
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