An example repo for design tokens auto-deploy. The repo is using Github actions, Style Dictionary and tokens-bruecke style dictionary utils.
In Figma, when you're using TokensBrücke and push your design tokens to Github, the Github action will be triggered and will generate the design tokens for you. The design tokens will be available in the lib
folder.
In build.js
you can see how the tokens are generated. The build.js
file is using the tokens-bruecke
utils to generate the style-dictionary
package to generate the tokens.
In .github/workflows/build-tokens.yml
you can see the Github action that is triggered when you push your tokens to Github.