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 earlier you consider inclusion, the less costly it is."
Samuel ProulxInvisible barriers: Why accessible service design can’t be an afterthought
December 3, 2024
"Challenge yourself to open up to the possibilities of transformation."
Victor UdoewaTheme One Intro
March 27, 2023
"Promoting design means business growth and that's great; it's been proven to work."
Gonzalo GoyanesDesign ROI: Cover a Little, Get a Lot
September 8, 2022
"Designers are not all-powerful; other forces shape society too."
Alexandra SchmidtWhy Ethics Can't Save Tech
November 18, 2022
"We have to constantly communicate what we're doing and prioritize our efforts."
Jose CoronadoFrom Zero to Hero
September 8, 2022
"Education will help to answer questions that people have about their own suspected neurodiversity."
Pippa LomasPaving the Path for Neurodiversity in Design
October 4, 2023
"Your unique perspective can help crack open issues that deep specialists might overlook."
Louis Rosenfeld Matt Jones Olga Khroustaleva Michael Leggett Karol MunozDo you want to work on climate? (Climate UX Discussion Series)
November 15, 2023
"You can measure the success of your team by the behavior changes in your users."
Jeff GothelfThe Intersection of Lean and Design
January 10, 2019
"There are a lot of badly designed canvases out there, and I do intend to write a blog post about what it takes to do a good one."
Dave GrayGroup Activity: Making Sense of DesignOps
November 7, 2017
