Panel: Design Systems and Documentation
Summary
Designers need to work with developers. One of the core ways they have learned to do this is by taking something from the designer’s playbook—pattern languages—and mapping that against one of the chief learnings from contemporary engineering: componentization. By using design systems and associated object based documentation systems, design leaders have helped to reshape the designer/developer universe and improve operations within the software development lifecycle. Facilitated by Dave Malouf.
Key Insights
-
•
Governance in design systems requires balancing control with openness to contributions to avoid staleness and gain broad buy-in.
-
•
Treating the design system as a product with dedicated roles like product managers and QA improves scalability and quality.
-
•
Co-creation workshops with designers across the org foster alignment and practical usability in design systems.
-
•
Usability directly translates to product value when design systems enable solutions focused on real user problems.
-
•
Accessibility and responsiveness are essential usability pillars embedded in both design and front-end collaboration.
-
•
Constraints from design systems focus creativity on meaningful problems rather than trivial design debates.
-
•
Simple, easy-to-use design systems for developers increase adoption and efficiency, indirectly benefiting designers.
-
•
Incremental iteration and quick MVPs build momentum, especially when time and resources for the design system are limited.
-
•
Documentation that frames components around their user purpose helps avoid abstract or irrelevant additions.
-
•
Automated tools like Shopify’s worry bot can enforce content and design standards without requiring reliance on users reading docs.
Notable Quotes
"We hadn’t really thought about governance up front at all, which is not the ideal way to do something like that."
"A design system that isn't dynamic and doesn't allow contributions from across the company is probably going to become stale quickly."
"Our mantra is tools, not rules. Make it easier for people to do their jobs and they’ll use the design system."
"Co-creation is the single best way to get people to really buy into the ideas and use the design system properly."
"We have do’s and don’ts, but approaching it from a rules-based perspective just reduces buy-in."
"Usability is kind of the bottom of Maslow’s hierarchy of needs of a product experience."
"For every single component, we start with its purpose and emergent need to ground design in user experience."
"Constraints are a key element to creativity; without them, design can become ungrounded and chaotic."
"Make a proof of concept before investing a lot more time and energy into a design system."
"Break your design system components and stress test them to see where they break so you can improve them."
Or choose a question:
More Videos
"You want to catch accessibility defects early through automated testing in your CI/CD pipeline, what we call shifting left."
Sheri Byrne-HaberAccessibility at Scale
June 9, 2021
"Most users don't know what they want until you show it to them."
Prayag Narula Hannah HudsonEmpowering Designers to do Good Research
March 11, 2022
"If you build something that's easy to use but not what people want, it doesn't matter."
Janelle EstesUX Research Trends
January 28, 2021
"User research is a validation function is a common pitfall, but its real power is uncovering meaningful insights early."
Craig Brookes Andreas Huebner Morgan Quinn"Just Make it Look Good" and Other Ways We're Misunderstood
June 11, 2021
"Half of the service design professionals do not feel connected to their peers, which is significant."
Marc Fonteijn Ru ButlerIncrease your confidence, influence, and impact (through a Professional Community)
December 3, 2024
"Designing the service so the team can be efficient and impactful is essential — otherwise you just move the inefficiency around."
Kate TowseyThe State of ResearchOps: More Than Just Theory
June 20, 2019
"Connection means feeling seen, heard, and valued; that’s what creates psychological safety."
Alla WeinbergDesign Teams Need Psychological Safety: Here’s How to Create It
September 9, 2022
"Reliable access to veterans and other users is fundamental to running quality, inclusive research across many teams and products."
Shawna Hein Kevin HoffmanCreate a Cohesive Civic Design Practice Across Agency, Vendors, and Contracts
November 17, 2022
"You have to look two or three steps ahead so you're not chasing what's right in front of you — avoid target fixation."
Tricia WangSCALE: Discussion
June 15, 2018
