📝 Articles
Amplify design values through building design system
In this article, Revina Laksmi discusses the importance of building a design system as a value amplifier to establish a design-driven culture within an organization. By focusing on the value, driving a design culture, and empowering designers, teams can amplify the impact of design values and create exceptional user experiences.
Using BEM for design-system tokens (bem-tokens)
Fernando Cañas introduces a token structure for design systems using the BEM (Block-Element-Modifier) methodology. They explain the structure of the tokens, focusing on the colour domain, and demonstrates how to create tokens for palettes and text blocks. they also discuss the inclusion of entities to customise the design system for different clients and illustrates the impact of tokens on component design.
Standardising design tokens
In this post, the author discusses the importance of design tokens in standardizing design systems across platforms and tools. They explore the origin of design tokens, the need for standardisation, and their usage in tools like Figma.
Presentational colors
Lukas discusses presentational colour tokens and their role in data visualisation and customszable UI elements. Presentational colors differentiate elements on a decorative level without conveying specific meaning. The post explores use cases, requirements, naming conventions, and accessibility considerations for presentational color tokens.
Aristotle's philosophy applied to the token naming convention in Design Systems
André explains the importance of naming conventions for tokens in Design Systems, drawing an analogy to Aristotle's elements of a good story. They emphasise that a clear and consistent naming strategy for tokens contributes to a more coherent and effective Design System.
Beyond the Bento Box: Unpacking the True Value of Design Systems
Sandy explores the concept of Value-Based Pricing and its application to design systems. By emphasising the intangible benefits such as community building, user satisfaction, and consistent branding, They suggest that the true value of design systems goes beyond traditional metrics like cost-saving and efficiency.
👀 Interesting Reads
Building (re-building) the design system at Auto Trader (Part 2)
Chris Bailey describes the process of rebuilding Auto Trader's Figma library as part of their design system. They addressed consistency issues, utilized new Figma features, and implemented a phased approach to roll out the new library. The result is a more effective and accurate Figma library that has fostered a culture of involvement and continual improvement within their design system.
🛠 Tutorials
How I Structured My Design System Using Figma’s New Variables
In this article, Melissa explains how they structured a design system using Figma's new variables feature. They cover the creation of collections for base colours, colour tokens, number tokens, and devices, highlighting the importance of design tokens for consistent and efficient design practices.