- Aug 2024
-
tr.designtokens.org tr.designtokens.org
-
Design tokens are a methodology for expressing design decisions in a platform-agnostic way so that they can be shared across different disciplines, tools, and technologies. They help establish a common vocabulary across organisations.
This is a very concise definition of the term, "design token". It is absent of vendor jargon. However, I think a better way to describe it would be: "Design tokens are shareable generic expressions of design decisions. Their purpose is to help multi-disciplinary teams build, scale and maintain consistent digital experiences."
Tags
Annotators
URL
-
-
frontside.com frontside.com
-
The middle layer approach pushes designers to explicitly describe the component visual architecture and that translates to its better understanding.
-
Reuniting these two worlds can be conflicting: how do you name design tokens semantically if they have to make sense everywhere but also respond to the inner logic of individual components which are independently developed?
The crux of the problem with reconciling design tokens and component-driven design. Design systems are not exclusive to design tokens however; design tokens make style guides living and organic. Style guides are a foundational part of design systems.
-
design systems emerged to facilitate easier development with premade components while ensuring that style remains consistent.
Design tokens can be part of a design system together with style guides, component libraries, and pattern libraries.
-
Designers want every part of the app interface and all the elements to have the same look and feel, and design tokens were created to help them achieve that outcome.
Design tokens are platform-agnostic and are the first layer of design decisions in a design system.
-