Design Tokens: The hidden superpower of a Design System

Jonas Duri
5 min readNov 27, 2021

Design tokens make it easy to keep consistent design values across different platforms and applications. They also make it possible to quickly create new designs by using existing components. Design tokens help designers and developers communicate more effectively, and make it easier to tweak designs without having to resort to hard-coding values.

Design Tokens are the fundamental component of a design system, making them an invaluable tool for any designer or developer looking for consistency in their work.

If you are looking for a more technical view on design tokens, check out this article:

https://medium.com/@jonas_duri/effective-design-token-structure-111e4bd934c8

Introduction into Design Tokens

Design tokens are named entities that contain raw, indivisible design values such as colors, text styles or icons. They’re the fundamental components of a Design System and they can be translated for usage on any platform and replace hard-coded values in a technology-agnostic way.

Design tokens provide consistency across your product lines and increase efficiency by referencing common patterns instead of copy & pasting values every time.

What are the benefits of Design…

--

--

Jonas Duri

Platform Architect working on frontend & UI solutions for distributed e-commerce systems | https://jduri.com/