Design Tokens 102

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.