Design Token Tools
A suite of tools to help you manage, analyze, and transform your design tokens
Token Splitter
Split token files into multiple files based on custom criteria.
Token Diff
Compare two sets of design tokens to identify changes and differences.
Token Merger
Merge multiple token sets into a single consolidated token library.
Token Docs
Generate documentation for your design tokens.
Token Linter
Validate and lint design tokens to ensure they follow best practices and standards.
Token Search
Search across your token libraries for specific values or patterns.
CSS to Tokens
Convert CSS variables and values to design tokens format.
Token Flow Diagram
Visualize token relationships and dependencies as a flow diagram.
Token Tree Map
Visualize token complexity as a tree map to identify potential issues.
Numeric Distribution
Analyze the distribution of numeric token values like spacing and font sizes.
Test Generator
Generate test cases for your design tokens to ensure consistency.
Token History
Track and visualize the evolution of your design tokens over time.
Structure Optimizer
Optimize your token structure for better organization and maintenance.
Token Usage Auditor
Audit how tokens are being used across your design system.
Impact Calculator
Analyze the impact of token changes across your design system.
Animated Token Loader
Create animations based on your design token values.
LESS Importer
Convert LESS variables to design tokens with metadata support.
Penpot Token Converter
Convert design token files & directories into a penpot suitable format.