1.0.0 • Published 1 year ago

@krsbx/design-token v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

Design Token Transformer

Convert Figma Design Tokens to useable css.

Requirements

  1. Node >= 16.0.0
  2. 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

  1. Install dt-transformer for the specific project

  2. 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

  1. Add generate-css script to your prepare scripts.
"script": {
  "generate-css": "dt-transformer -s JSON_FILE_PATH -w OUTPUT_FILE_PATH",
  "prepare": "husky install && npm run generate-css"
}
1.0.0

1 year ago