0.0.9 ā¢ Published 6 months ago
gu-ds-base v0.0.9
Base
Design tokens
ā” Quick how to: update tokens
- Export json from Figma
- Replace json in
tokens-from-figma.json
- Run
yarn build
- Commit changes
š§± Token folder structure
/
āāā output/
ā āāā tokens.css
ā āāā tokens.scss
ā āāā token.json
āāā build-tokens.ts
āāā config.ts
āāā tokens-from-figma.json
We use style-dictionary to transform and format the tokens in ./tokens-from-figma.json
.
In ./config.ts
we decide which formats we want (css, scss, js and more), and in ./build-tokens.ts
we can create formatters and use other utilities to change the output how we want.
The files in ./output
are auto generated and should never be edited manually.