Design Tokens Are Now the Default, Not a Nice-to-Have
Published 14 July 2026 · Source dated 1 November 2025
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.
Design tokens — named, structured values for colour, spacing, typography — have shifted from 'nice advanced feature' to assumed baseline across design systems coverage. The pattern: tokens let one source of truth drive Figma styles, Penpot libraries and code variables at once, so a rebrand or theme change doesn't mean hand-editing hundreds of components.
For juniors, the practical skill isn't building a token architecture from scratch — it's understanding *why* a system uses tokens and being able to trace one token from Figma style to shipped CSS.
Label: **established** — standard practice in any team running a mature design system, not a new idea.
Coach
Pick one component in a design system you use and trace its colour and spacing values back to their token names — write down what you find.
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.news ·
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.com ·
Established
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.