Design Tokens Are Eating the World (And That's a Good Thing)

Design tokens started as an internal concept at Salesforce, a way to store design decisions—colors, typography, spacing—as data that could be shared between design tools and code. For years, they remained the domain of large enterprise design systems.

Then something changed.

Figma Variables and the Inflection Point

The launch of Figma Variables in 2023 brought token-level design thinking to millions of product designers. Suddenly, the mental model that had driven systems like Material Design and Lightning Design System was accessible to any team.

The result has been a proliferation of token-based systems at every scale—from two-person startups to Fortune 500 companies.

What Tokens Actually Buy You

The core value proposition of design tokens isn't just "consistent colors." It's separation of concerns—the ability to change a decision once and see it propagate everywhere. Rebrand a company? Update the token values, rebuild, done. Support dark mode? Define two sets of semantic token mappings.

The move from raw values (hex codes, pixel sizes) to semantic tokens (color-surface-primary, spacing-layout-section) is where the real leverage lives.

The Overengineering Trap

It's easy to spend six months building a token infrastructure and ship nothing. The teams that get this right start small: three or four core color tokens, a type scale, basic spacing. Then iterate.

The token system is a living artifact of your design decisions. Treat it like code—version controlled, documented, evolved incrementally.

Tooling to Watch

The ecosystem is maturing rapidly. Style Dictionary remains the standard transform tool. Token Studio for Figma is the leading design-side tool. And W3C's Design Token Community Group is making real progress on a standard format.

Tokens are no longer a nice-to-have. They're the foundation of any serious design system.