You are probably thinking why I titled this “Design tokens 102”, but it’s because there’s an article titled “Design tokens 101” and I just wanted to keep the tradition. What are design tokens you may…

UX Planet is a platform or publication dedicated to user experience (UX) design, usability, and interaction design. Readers can find articles on UX research methods, design principles, and UX/UI trends. Additionally, they can learn about user-centered design practices, usability testing techniques, and creating engaging digital experiences.

UX Planet

Design tokens are design decisions stored as data that ensure unified and cohesive product experiences. They replace hard-coded values and create a shared language between designers and engineers. Design tokens can be classified into different types, including hard-core values, primitives or global tokens, semantic or alias tokens, and component tokens. Naming conventions for design tokens should prioritize consistency, clarity, and start with foundational elements. Design tokens matter because they create consistent design systems and enable adaptability and maintenance. They also establish a shared language across organizations and promote collaboration. Figma has introduced a feature called 'variables' that allows designers to store token values directly in Figma. Design tokens play a pivotal role in shaping design systems and have a profound impact on business revenue. Further reading on design tokens, naming conventions, and design systems is recommended.

Design Tokens 102