CLI tool to convert Design Tokens (Token Studio) to CSS variables.
npm install -g tokenize-csstokenize <input> <output> [options]# Basic usage
tokenize tokens.json dist
# With full path
tokenize tokens.json "/path/to/output"
# Specify source type
tokenize tokens.json dist --source token-studio
# Watch mode - rebuild on file changes
tokenize tokens.json dist --watch| Option | Description | Default |
|---|---|---|
-s, --source <type> |
Source type (token-studio, figma-variables) | token-studio |
-w, --watch |
Watch for changes and rebuild automatically | false |
-V, --version |
Output version | |
-h, --help |
Display help |
- ✅ Token Studio
- 🔜 Figma Variables
colors.css- Color tokensspacing.css- Spacing tokenstypography.css- Typography tokensshadows.css- Shadow tokenstokens.css- All tokens combined
MIT