Summary
Design systems are essential for creating cohesive and scalable products. By providing a shared set of design guidelines, components, and styles, design systems help ensure consistency and efficiency throughout the design process. In this talk we’ll go through the best practices when creating and maintaining a Design System including different strategies, approaches to token creation, making good use of overrides, setting up principles and guidelines and how to scale a design system so that it becomes useful for design a dev teams alike.
Key Insights
-
•
Design systems provide consistency and speed to design processes, benefiting all stakeholders.
-
•
An atomic design model is useful for structuring design components from basic tokens to templates.
-
•
Separate styles from symbols to simplify updates and maintain consistency across designs.
-
•
A device-agnostic approach to organizing components makes scaling easier and updates more efficient.
-
•
Flat hierarchies in component organization help avoid navigation complexity within design systems.
-
•
Establish a design system council for regular reviews and collaboration between stakeholders.
-
•
Effective documentation is crucial for onboarding new team members and revisiting design system rules.
-
•
Iterate on rules regularly to ensure they remain relevant and applicable as products evolve.
-
•
Utilize design tools' features to enhance workflow efficiency and maintain a healthy design system.
-
•
Allow space for creativity to keep the design process engaging and innovative.
Notable Quotes
"A design system is an agreement that creates consistency across UIs."
"It provides one source of truth for all team members."
"If you use color variables, one change updates everything."
"Try to make your component hierarchy as flat as possible."
"The Boy Scout approach applies: you're done when you can't take anything else out."
"Design systems should accommodate both current needs and future scalability."
"Regularly revisit the rules of your design system; they might not apply as your product evolves."
"Iteration is the golden rule of design; no design is ever perfect."
"Include all stakeholders in your design system council for comprehensive insights."
"Document everything to ensure continuity and clarity in your design practices."
More Videos
"The power of followership is pretty amazing."
John MaedaMaking Sense of Enterprise UX
June 9, 2016
"These thinking styles allow us to start filling in gaps for people who feel unsupported."
Indi YoungThinking styles: Mend hidden cracks in your market
January 8, 2025
"Engaging with users in their environment reveals key insights about behavior."
Chris ChapoData Science and Design: A Tale of Two Tribes
May 13, 2015
"We're mining our practices to track impact over time."
Elizabeth ChurchillExploring Cadence: You, Your Team, and Your Enterprise
June 8, 2017
"Collectives are communities of practice individuals that have an interest in a particular topic."
Rusha SopariwalaRemote, Together: Craft and Collaboration Across Disciplines, Borders, Time Zones, and a Design Org of 170+
June 9, 2022
"The most common way people give up their power is by thinking they don't have any."
George AyeThat Quiet Little Voice: When Design and Ethics Collide
November 16, 2022
"As leaders, we need to cultivate our own resilience so that we can nurture our teams."
Ariba JahanTeam Resiliency Through a Pandemic
January 8, 2024
"Design can help create a better world by fostering empathy and collaboration."
Julie Gitlin Esther RaiceDesign as an Agent of Digital Transformation at JPMC
June 9, 2021
"We should help our users follow a process and understand what could be useful for us and why."
Matteo GrattonCan Data and Ethics Live Together?
October 1, 2021
