Design tokens are named values that represent design decisions, such as colours, spacing, type sizes and border radius. Tokens make it possible to describe design in a way that can be used across tools and platforms.
What do design tokens involve in practice?
In practice, tokens can connect strategic decisions to variables and components. Names such as color-brand-primary and space-section-large explain the purpose better than loose hex codes and numbers. When a token changes, several surfaces can be updated in a controlled way.
Design tokens are relevant when a design system will be used by several teams or implemented across multiple technologies. See Variables, Design system and the W3C Community Group for Design Tokens.
Let's build something solid together
.avif)
We help ambitious businesses with branding, UI/UX and Webflow solutions that are thoughtful, clear and built to last.
