Design Tokens Are Now Just... How Design Systems Work

Token-based design systems have moved from nice-to-have to default practice for keeping design and dev in sync. This is settled, multi-year practice, not a new trend.

If you're still hand-copying hex codes between Figma frames, you're behind. Tokens — named, reusable values for colour, spacing, type, and more — are now the standard backbone of design systems, letting design and dev stay in sync automatically when a brand or theme changes. This isn't new or hyped; it's been the default approach in mature design systems for a few years now, covered consistently by practitioners tracking releases and governance patterns. Figma's own variables feature and Penpot's token support both build directly on this model. For a junior designer, understanding tokens is now a baseline literacy expectation in design system roles, not a bonus skill.

Related in Design systems

Established

Design tokens: the shared language for Figma & Penpot

The W3C's Design Tokens format is becoming the standard way colour, spacing and type values move between tools. If you use both Figma and Penpot, tokens are how your work stays portable.

designsystems.news1 Nov

Adoption

Penpot's design system tooling is catching up

A walkthrough of Penpot's plugin system, template library and learning centre shows open-source tooling is building out real design-system support, not just basic shapes. Worth a look if you're on Figma + Penpot.

youtube.com28 Nov

Established

Design Tokens Are Now the Default, Not a Nice-to-Have

Design Systems News coverage shows tokens (colour, spacing, type as structured data) have moved from edge-case practice to expected baseline for any real design system. If your system doesn't have tokens yet, that's the gap worth flagging.

designsystems.news1 Nov