What Are Design Tokens
Learn what design tokens are and why they are the foundation of scalable design systems.
Definition
Design tokens are named variables that store design decisions — colors, spacing, typography, shadows — in a technology-agnostic format. They bridge design tools and code, ensuring consistency across platforms.
Why Tokens Matter
Without tokens, values are duplicated across CSS, iOS, and Android codebases. A single token source of truth means changing a brand color updates every platform simultaneously.