Summary
Dawn Russell, a design leader at Intuit, explores the evolution and future of design systems, moving beyond traditional pattern or component libraries toward full-stack widgets—self-contained, reusable units that encapsulate UI and backend functionality. She contrasts design systems as mere documentation or front-end code with widgets that enable scalable, cohesive, and consistent product experiences across Intuit’s ecosystem. Dawn shares Intuit’s transition from siloed desktop products to cloud-based interconnected offerings, highlighting the One and Two at Identity project that created shared identity widgets used across 150 products, yielding a 10-13% increase in account recovery success and significant cost savings. She stresses the importance of cross-disciplinary collaboration, especially between designers and engineers, and the distinct skill set required for design system work, including ecosystem thinking and social influence. Practical tips include starting with a motivated team, iterating with feedback, and tying design systems to business and technical strategies. Dawn closes by urging designers to move their work into production code, defining code as their true medium to impact users.
Key Insights
-
•
Pattern libraries are documentation and not full design systems because they rely on individual interpretation without code enforcement.
-
•
Component libraries are UI code only and form part of design systems but lack backend integration.
-
•
Widgets represent the next evolution by packaging UI and backend services to deliver entire user tasks reusable across applications.
-
•
A single source of truth codified in code is vital for scalable and cohesive design systems in large enterprises.
-
•
Intuit’s One and Two at Identity project unified user experience and data sharing across siloed products via widgets.
-
•
Adopting standardized widgets like the account recovery widget improved success rates by up to 13% and reduced support costs drastically.
-
•
Widgets enable faster innovation by freeing product teams from reinventing common functionality and spreading best practices.
-
•
Effective widget design requires both broad ecosystem thinking and deep domain expertise.
-
•
Collaboration with engineers should start with user problems, not technology solutions, to unlock innovation and buy-in.
-
•
Not every design problem warrants a widget; reuse potential and context specificity must guide widget creation.
Notable Quotes
"In the enterprise, how quickly and easily your design system can scale is directly proportionate to the amount of impact it can have."
"A UI component contains styling code but no backend business logic."
"Widgets encapsulate a user task with associated UI and backend service functionality."
"Our users immediately assumed our products would work together naturally just by proposing a single identity."
"We improved the Account Recovery Success Rate by 10% after a year of iterating on the widget."
"QuickBooks saw a 13% increase in Account Recovery Success overnight by running an A/B test of our widget."
"If you don’t use our widgets, that extra engineering work is on you when we upgrade technology."
"Designing widgets is about both thinking broadly and deeply about the ecosystem and the domain."
"You want to start with the problem space and what the user needs are; don’t start with the how."
"As designers, our medium is code. Until your design is in production code, your design is just a figment of your imagination."
Or choose a question:
More Videos
"Denying the body is not an antidote to the suffering of the world. When we protect our rest, we protect our dreaming."
Zariah CameronReDesigning Wellbeing for Equitable Care in the Workplace
September 23, 2024
"The real trick is being able to say no gracefully and communicate your priorities effectively."
John Cutler Harry MaxPrioritization for designers and product managers (1st of 3 seminars) (Videoconference)
June 13, 2024
"Inviting people from other disciplines to experience user research helped Felipe see why user experience matters."
Nick CochranGrowing in Enterprise Design through Making Connections
June 3, 2019
"Documentation helps explain the rationale and revisit decisions in the future, preventing repeated mistakes."
Deanna SmithLeading Change with Confidence: Strategies for Optimizing Your Process
September 23, 2024
"Don’t automatically dismiss paper forms—they often contain simplifications that accelerate digital service design."
Magdalena ZadaraZero Hour: How to Get Far Quickly When Starting Your Digital Service Unit Late
November 16, 2022
"We made it easier for him to say yes by making it easier to say no."
Nova Wehman-BrownWe've Never Done This Before
June 4, 2019
"We human researchers can help go way beyond proxy metrics such as button clicks and provide true validation of model accuracy."
Liwei DaiThe Heart and Brain of the AI Research
March 31, 2020
"Having workers leave the airport and travel to the farm to self-isolate was simply not feasible – the province would have to be responsible for quarantine."
Gordon Ross12 Months of COVID-19 Design and Digital Response with the British Columbia Government
December 8, 2021
"I got a huge raise and a great performance rating, and I didn’t give a shit at all because my marriage had fallen apart."
Tutti TaygerlyMake Space to Lead
June 12, 2021