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
"We brought in customers to make a point about how difficult it is to do their jobs."
Discussion
June 9, 2017
"We'll have a panel discussing wonderful things that happened throughout the day."
Bria AlexanderTheme 1 Intro
September 23, 2024
"We have the top quality rate in the space for participants."
Benjamin Wiedmaier Annie MayfieldRedefining Toolkits: Unbundling to Create a Perfect Match
March 11, 2025
"Incentives helped sell the idea of a design system that could improve efficiency."
Eniola OluwoleLessons From the DesignOps Journey of the World's Largest Travel Site
October 24, 2019
"User-centered design resonates when our designers look like the community."
Justin Entzminger Terrance Smith Tracy M. Colunga Mai-Ling GarciaRisk and Reward: How to Diversify the Field of Civic Innovators and Designers
November 17, 2022
"Treat each other with kindness and respect throughout this conference."
Bria AlexanderOpening Remarks
October 4, 2023
"I still do this today. I make a service map when I know I need to grow a team fast."
Holly ColeUnderstanding Experiences: When you have to do more than work
November 8, 2018
"It's important to understand where the information comes from, especially in AI applications."
Mohammad Hossein JarrahiContextuality problem: Exploring the Benefits of Qualitative and Quantitative Research
January 20, 2023
"Taking steps towards a well-thought-out data package is really useful."
Brad Peters Anne MamaghaniShort Take #1: UX/Product Lessons from Your Industry Peers
December 6, 2022
