This repo contains figma tokens build with Material Theme Builder and exported with Tokens Studio for Figma plugin. The repo builds the exported Figma styles in supported scss tokens, colors and as well typography.
I chose to no not use the style-dictionary because is not supporting composite tokens as typographies, by using a custom solution the typography is represented as mixins.
The repo is a POC don't use this for production, but feel free to use as you wish.
Steps, to reproduce the tokens data:
- use
Material Theme Builderto create a Design System for styles (colors and typography); - use
Tokens Studio for Figmato create a new set and import all the styles (Color, Typography and Shadows); - manually adapt the json, remove
refor any categories that you are not going to not use or change the folder hierarchy which will impact the token nomenclature;
- Install dependencies
# yarn
yarn add @hm-group/fabric-components
- Build .scss file
yarn build:tokens