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 serve as agreements that align design, development, product, and marketing teams around consistent UI rules.
-
•
The atomic design model builds UI from basic tokens to atoms, molecules, and templates, promoting scalable component creation.
-
•
Separating styles (colors, typography) from symbols (UI components) enables easy global updates in design systems.
-
•
A device-agnostic organization of components simplifies multi-platform updates by grouping variants inside each component.
-
•
Flat component hierarchies prevent navigation complexity and speed up UI element discovery and usage.
-
•
Documenting design system decisions and architecture helps onboard new team members and maintain consistency over time.
-
•
Managing overrides restricts what can be changed in component instances, reducing inconsistencies and errors.
-
•
Establishing a design system council with cross-functional stakeholders ensures alignment and evolves the system thoughtfully.
-
•
Version starring in tools like Sketch allows safe iterative work without disturbing team members until updates are published.
-
•
Including content guidelines and examples in design system documentation is essential but often underdeveloped and manual.
Notable Quotes
"Design system is basically an agreement that helps create a sense of consistency and familiarity in all the UIs that you create."
"Keeping styles separate from symbols makes it much easier to update colors or typography across your entire system."
"If you organize your design system device agnostic, you can update one component with all desktop, mobile, and tablet versions inside."
"Try to make your component hierarchy as flat as possible because tall, nested structures become hard to navigate."
"Respect your design system rules to ensure consistent experiences across your product and teams."
"Establish a design system council where all stakeholders gather regularly to maintain and evolve the system."
"Use the latest version starring feature so your team only gets updates when they’re ready, avoiding constant notifications."
"Iteration is the golden rule of design, including iterating on your design system rules themselves."
"Leave some space for creativity in your design system so designers can innovate without breaking consistency."
"Document your design decisions and architecture visually so new team members can quickly understand your system."
Or choose a question:
More Videos
"Quarterly retros are sacred; what happens in retro stays in retro to create trust and honest conversations."
Indra KlavinsA Design Ops Girl in a Dev Ops World
October 23, 2019
"Using Merge we’re closing the loop of documentation and empowering stakeholders to communicate via common jargon and components."
Jack BeharHow to Build Prototypes that Behave like an End-Product
December 6, 2022
"I was a very difficult person there. I was able to be head of design because I could sell my vision, but it was incredibly lonely."
Tutti TaygerlyVideconference: How to Work with Difficult People with Tutti Taygerly
June 25, 2020
"We were literally doing the most and having no impact."
Theresa Slate Erin RobertsonWhy Changing Hearts & Minds Doesn’t Work When Promoting DE&I Efforts, but Checklists Do
October 4, 2023
"AI doesn’t create much new; it accelerates the process and frees humans to focus on uniquely human work."
Noz UrbinaRapid AI-powered UX (RAUX): A framework for empowering human designers
May 1, 2025
"Supporting different ways people prefer to engage—like asynchronous workshops or prep time—helps introverts and extroverts contribute equally."
Bria Alexander Laura Gatewood Corey Long Daniel Orbach Laine Prokay Deanna SmithThe Big Question about Resilience: A panel discussion
September 23, 2024
"As manual tasks get automated, individuals can focus on higher-value tasks and training machine learning systems."
Lavy Kumar Kat Temple Shan Sebastian Tara Jensen Jenn ChouFuture of Work
June 9, 2021
"Technology that includes everyone, especially those from vulnerable populations, ensures that what gets built will work for everyone."
Marisa BernsteinIt Takes GRIT: Lessons from the Small, but Mighty World of Civic Usability Testing
December 9, 2021
"Democratization has been happening for over 20 years and it’s only going to keep happening."
Dr. Jamika D. Burge Robert Fabricant Peter Merholz Noam Segal Teresa TorresA Genuine Conversation about the Future of UX Research
March 20, 2024
