Creating a Scalable Design System to Drive Consistency and Quality
How might we build a consistent and scalable product experience while improving design quality and delivery speed?
Situation
When I took on this initiative, the company’s existing design system was fragmented and falling short of both design and engineering needs. Teams were working around the system—or ignoring it altogether—leading to:
​
-
Inconsistent UI patterns and user experiences
-
Duplicated components in code and design files
-
Tech debt from divergent implementations
-
Slowdowns in development velocity
-
Misalignment and decision paralysis within design leadership due to communication gaps and opposing viewpoints
My Role
Lead the initiative to re-establish the design system strategy, facilitate alignment within the design leadership team, and drive collaboration across product, design, and engineering.
What I did
01
Diagnosed the Problem and Defined a Path Forward
-
Interviewed the Design Director and the designer previously leading the system to understand the root causes, goals, and team dynamics.
-
Identified key blockers—organizational, strategic, and interpersonal—and developed a facilitation strategy to guide the team toward consensus and clarity.
02
Unblocked Decision-Making
-
Facilitated focused workshops to separate urgent blockers from non-critical disagreements—allowing the team to make actionable decisions and build momentum.
-
Guided structured conversations to revisit controversial design patterns using real product use cases.
03
Prioritized and Planned
-
Led prioritization exercises to identify the most impactful components and patterns needing updates or creation.
-
Worked closely with product managers and engineering to build a design system roadmap, tracked and managed in Jira for visibility and accountability.
04
Established Repeatable Processes
-
Designed and implemented a process for how new components or changes would be proposed, reviewed, and added to the system.
-
Defined roles and touchpoints for cross-functional collaboration, making design system work part of regular product development rather than an isolated initiative.
%202024-10-21%2002_49%20PM_Service%20blueprint%20fo.png)
05
Drove Cross-Functional Alignment
-
Regularly facilitated design–engineering sessions to discuss feasibility, iterate collaboratively, and reach timely decisions.
-
Advocated for shared ownership of the system and empowered engineers to reinforce the use of standardized components in development.
Results
Actionable decisions made after our very first alignment workshop
Finalized Figma designs for 8 patterns in under a month
Established a source-of-truth process in Figma for adding/updating components
Reduced prototype creation time for designers through reusable, well-documented components
90% of new designs leveraged consistent patterns from the system
Engineering teams reduced dev time by reusing components and avoiding duplicated efforts
“Kudos to Natalia for being a great facilitator in the patterns workshop”
“Thank you for driving the Design Library patterns and keeping us organized.
We all know how hard this task is.”