CHASSIS TOKENS
One repository for unlimited brands and applications. Unify product, design, and engineering around a single source of truth for colors, typography, spacing, and more—from Figma to production code.
git clone git@github.com:chassis-ui/assets.gitCurrently v0.2.0 · Changes
Chassis Tokens provide your team with a reliable method to deliver consistent interfaces across brands, products, and platforms, cutting down on coordination hassles.
Manage multiple brand identities from a single repository. Switch brands instantly in design and code while maintaining consistent token structure.
One source of truth generates optimized tokens for web (SCSS/CSS), iOS (Swift), and Android (XML) with platform-native conventions.
Design with tokens directly in Figma using Variables. Changes sync automatically between design files and code repositories.
A comprehensive token system for teams managing multiple brands, themes, and platforms from a single repository.
Every token change tracked in Git with complete version history. Review token diffs in pull requests, rollback to any previous state, trace design decisions over time.
Built on Style Dictionary's transform system. Add custom validators, formatters, and transforms to enforce your design standards or specific needs.
Token format follows the W3C Design Tokens Community Group specification. Future-proof architecture ensures compatibility with emerging tools and standards.
Works with any JavaScript framework or no framework at all. Platform outputs support Swift Package Manager for iOS and Gradle for Android.
Eliminates manual token management, saving you time and effort, with support for seamless integration into CI/CD pipelines and version control.
Easily import tokens as SCSS variables for web, Swift for iOS, and XML for Android development. Works seamlessly with any bundler you choose.
Design token changes reach production code in minutes. No manual work. No translation errors. Just automated synchronization across every platform.
Create and manage design tokens directly in Figma using Variables. Sync changes automatically with your codebase.
Style Dictionary transforms your tokens into platform-ready formats with a single command. SCSS, Swift, XML, and more.
Import generated tokens into your web, iOS, or Android projects. Type-safe and ready for production.
Powered by battle-tested tools and open standards, Chassis Tokens fits into your existing stack without custom infrastructure or vendor lock-in.
Token management
Token transformation
Design integration
W3C token standard
Explore how Chassis Tokens fits into your workflow, from first setup to production rollout.
Get up and running with Chassis Tokens in minutes. Learn the basics of token management and workflow integration.
Explore the complete token library covering colors, typography, spacing, and visual effects for consistent design.
Import tokens into your projects with platform-specific guides for web, iOS, and Android development.