Starter Figma Tokens
This starter kit is for users that want to use Figma Tokens Plugin in Figma as a starting point to build their Design System.
This kit shows an automated workflow, where your design tokens source of truth is in the Figma Tokens Plugin.
Whenever you update the tokens and push to GitHub, the coded components inside Backlight will automatically update, in a pull request!
Full documentation about setting up this workflow can be found in our Figma Tokens Docs.
If you are starting with Backlight, check the links below:
Workflow Summary
- Designer changes some tokens in Figma Tokens Plugin and pushes the changes to GitHub.
- A pull request is created automatically in GitHub through GitHub Actions
- Style-Dictionary is ran and results are added to this PR automatically through GitHub Actions
- A Backlight preview link will appear in the PR
- Designers (& optionally developers) can see visual changes and review + approve
- Changes are merged into main
Code & Design, will be in sync 🎉 and designers will have more autonomy.