@platohq/design-tokens
v1.5.0
Published
Automates the provision of Design Tokens from our designers
Downloads
8
Readme
Design Tokens
Design Tokens are the foundation of our Design System. They allow designers to change elements of design in our production website with minimal intervention from engineers. Here are some resources from Adobe, css-tricks and Amazon's style dictionary.
We currently integrate with Figma.
Installation
To edit the Design Tokens, you need to:
- install Figma Tokens plugin in your Figma
- follow this guide to authorize Figma to push your changes here.
- Repository:
platohq/plato-design-tokens
- Default Branch:
main
- File Path:
tokens.json
- Repository:
Test
You have changed some Figma Tokens and you want to preview them in the Plato website. In Figma:
- Publish your changes to the team
- Push your changes to Github
- Preview your changes at preview.platohq.dev.
It takes about 5 minutes for the website to reflect your changes.
Promote
You want to promote your changes to the production website. Please contact an engineer to include the new designs in the next release.