Skip to main content

CHASSIS TOKENS

Sync Design Tokens Across Brands, Themes & Platforms

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

Currently v0.2.0 · Changes


Automated Pipeline from Figma to Code

Chassis Tokens provide your team with a reliable method to deliver consistent interfaces across brands, products, and platforms, cutting down on coordination hassles.

Multi-Brand Token Inheritance

Manage multiple brand identities from a single repository. Switch brands instantly in design and code while maintaining consistent token structure.

Platform-Native Code Generation

One source of truth generates optimized tokens for web (SCSS/CSS), iOS (Swift), and Android (XML) with platform-native conventions.

Figma Variables Integration

Design with tokens directly in Figma using Variables. Changes sync automatically between design files and code repositories.

Built for Complex Multi-Brand Organizations

A comprehensive token system for teams managing multiple brands, themes, and platforms from a single repository.

Git-Based Version Control

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.

Extensible Transform Pipeline

Built on Style Dictionary's transform system. Add custom validators, formatters, and transforms to enforce your design standards or specific needs.

W3C DTCG Compliant

Token format follows the W3C Design Tokens Community Group specification. Future-proof architecture ensures compatibility with emerging tools and standards.

Platform Agnostic

Works with any JavaScript framework or no framework at all. Platform outputs support Swift Package Manager for iOS and Gradle for Android.

Automated Workflows

Eliminates manual token management, saving you time and effort, with support for seamless integration into CI/CD pipelines and version control.

Developer-Friendly

Easily import tokens as SCSS variables for web, Swift for iOS, and XML for Android development. Works seamlessly with any bundler you choose.

From Design to Production in 3 Steps

Design token changes reach production code in minutes. No manual work. No translation errors. Just automated synchronization across every platform.

Define Tokens in Figma

Create and manage design tokens directly in Figma using Variables. Sync changes automatically with your codebase.

Automate Token Generation

Style Dictionary transforms your tokens into platform-ready formats with a single command. SCSS, Swift, XML, and more.

Integrate with Your Codebase

Import generated tokens into your web, iOS, or Android projects. Type-safe and ready for production.

Built on Industry Standards

Powered by battle-tested tools and open standards, Chassis Tokens fits into your existing stack without custom infrastructure or vendor lock-in.

Tokens Studio

Token management

Style Dictionary

Token transformation

Figma Variables

Design integration

DTCG Format

W3C token standard

Ready to Scale Your Design System?

Explore how Chassis Tokens fits into your workflow, from first setup to production rollout.

Quick Start

Get up and running with Chassis Tokens in minutes. Learn the basics of token management and workflow integration.

Design Tokens

Explore the complete token library covering colors, typography, spacing, and visual effects for consistent design.

Integration

Import tokens into your projects with platform-specific guides for web, iOS, and Android development.