📝 Articles
Design System Doc Components
Nathan discusses the top eight reusable components that are essential for documenting a design system. From spec and token tables to examples of code pairs, these components help provide comprehensive and user-friendly documentation for design systems.
Maintain a high-level of creativity as a Product Designer in a large organization
Jean explores the challenges of staying creative as a product designer in a large organization, using Doctolib as an example. They highlight the advantages of a comprehensive design system while promoting critical thinking and innovation within its framework. Jean emphasizes the need to actively contribute to the system's development and be open to deviating from it when necessary to enhance the user experience. Balancing consistency and creativity is key to delivering exceptional user experiences.
Design System Leader(s) & Manager(s)
Nathan emphasises the need for dedicated leaders and managers in Design Systems, highlighting their responsibilities such as driving the vision, leading the design and development direction, and fostering team growth while reporting progress to stakeholders
Creating a content-centric design system
Sara-Jane discusses the development of a content-centric design system within the product design team at Swrve. They highlight the benefits of a design system and outlines the planning and implementation process, emphasising the importance of content design in improving the overall user experience.
👀 Interesting Reads
How to Measure the Impact of a Design System?
Marion emphasises the importance of creating and measuring the impact of a Design System. By using both subjective and objective measures such as surveys, user feedback, performance metrics, and code analysis, design professionals can demonstrate the value of a Design System in improving user experience, saving time and resources, and promoting design-driven culture within organizations.
Component Driven User Interface Testing (CDUIT)
This post by Raju discusses Component-Driven User Interface Testing (CDUIT), a methodology that focuses on testing individual components rather than the entire application. By leveraging automation tools like Playwright and Cypress, CDUIT offers benefits such as faster and more reliable testing, easier isolation of components, and the ability to perform cross-browser testing at the component level.
Tokens are the most valuable artifact a design system can provide
Chris explores the value of design tokens as the most valuable artifact in a design system. Design tokens define the fundamental characteristics of the user interface, enabling consistency and scalability across platforms and devices. By leveraging tokens, design systems can provide a central, reusable, and scalable approach to UI design.
🖤 Design Systems
Cookbook – Yelp's Design System
Yelp's Cookbook is a design system that encompasses their digital experiences and is inspired by Brad Frost's Atomic Design approach. The system cleverly incorporates a food analogy, utilizing ingredients to define styles, recipes to represent components, and entrees to symbolize complex components.