@krsbx/design-token
v1.0.0
Published
Convert Figma Design Tokens to useable css.
Downloads
3
Readme
Design Token Transformer
Convert Figma Design Tokens to useable css.
Requirements
- Node >= 16.0.0
- Figma Design Token generated with tokensbrucke
Installation
npm install @krsbx/design-token
Usage
npx dt-transformer -s JSON_FILE_PATH -w OUTPUT_FILE_PATH
Recommended Usage
Install [dt-transformer] for the specific project
Add
dt-transformer
script to your package.json
"script": {
"generate-css": "dt-transformer -s JSON_FILE_PATH -w OUTPUT_FILE_PATH"
}
Change
-s JSON_FILE_PATH
to your JSON file path Change-w OUTPUT_FILE_PATH
to your output file path
- Add
generate-css
script to yourprepare
scripts.
"script": {
"generate-css": "dt-transformer -s JSON_FILE_PATH -w OUTPUT_FILE_PATH",
"prepare": "husky install && npm run generate-css"
}