Drift
Drift
Drift

Role

Role

Senior User Experience Designer

Senior User Experience Designer

Timeline

Timeline

2024-Present

2024-Present

Tools

Tools

Figma, Storybook, Jira

Figma, Storybook, Jira

Context & Scope

As the senior UX designer responsible for Drift, I owned the evolution of our design system as it grew from a single internal tool into a shared foundation across multiple products. When I stepped into the project, Drift existed largely as an overextended Figma file. Components had been added quickly to support immediate needs, but documentation was limited, standards were loosely defined, and alignment with engineering was inconsistent.

My role was to turn Drift into something teams could rely on. I set out to establish clear patterns, documentation, and a design-side practice for critique and iteration, while working closely with engineering to ensure the system translated cleanly into production. Drift continues to evolve today as a shared system that helps design and engineering move faster together.

Drift’s original system had become a liability rather than an accelerator.

  • No shared standards or documentation

  • Inconsistent usage across products

  • Components that slowed development instead of supporting it

Incremental fixes weren’t enough. The system needed to be rebuilt with scale in mind.

Design System Priorities

Rather than designing for flexibility at all costs, we optimized Drift around a small set of non-negotiables.

◇ Consistency

Shared patterns across products to reduce cognitive load, eliminate rework, and create a more predictable experience for both users and teams.

◇ Velocity

Clear standards and reusable components that allow design and engineering to move faster without sacrificing quality or alignment.

◇ Scalability

A system designed to support multiple products, teams, and platforms as the organization and its surface area continue to grow.


These priorities shaped every decision in Drift’s evolution, and their impact was felt quickly across teams.

Measured Impact at Scale

Measured Impact at Scale

As Drift expanded across the organization, these outcomes reflect improvements in speed, consistency, and collaboration.

30%

30%

30%

30%

Faster component build time

Faster component build time

Faster component build time

Faster component build time

5

5

5

5

Separate applications using Drift (web + mobile)

Separate applications using Drift (web + mobile)

Separate applications using Drift (web + mobile)

Separate applications using Drift (web + mobile)

6 mo.

6 mo.

6 mo.

Full company adoption of Drift as the primary design system for the organization.

Full company adoption of Drift as the primary design system for the organization.

Full company adoption of Drift as the primary design system for the organization.

Full company adoption of Drift as the primary design system for the organization.

12

12

12

12

Development teams using Drift- Including 100+ individual developers

Development teams using Drift- Including 100+ individual developers

Development teams using Drift- Including 100+ individual developers

Development teams using Drift- Including 100+ individual developers

Gaining Approval

Gaining Approval

Drift started as an internal effort, but rebuilding the system at this scale required alignment beyond design. Inconsistent patterns, duplicated work, and growing maintenance costs were already slowing teams down. By framing the system as a way to reduce friction and improve speed across products, we were able to align stakeholders and move forward.

Drift started as an internal effort, but rebuilding the system at this scale required alignment beyond design. Inconsistent patterns, duplicated work, and growing maintenance costs were already slowing teams down. By framing the system as a way to reduce friction and improve speed across products, we were able to align stakeholders and move forward.

Framing the system work in terms of speed, consistency, and long-term cost.

Establishing shared tokens and primitives before introducing higher-level components.

Establishing shared tokens and primitives before introducing higher-level components.

Building the Foundation

Building the Foundation

Instead of jumping straight into components, the system was built from the ground up. Core decisions around spacing, typography, layout, and tokens came first. This made it possible to build components on shared rules, rather than one-off solutions, and set the system up to scale as new needs emerged.

Instead of jumping straight into components, the system was built from the ground up. Core decisions around spacing, typography, layout, and tokens came first. This made it possible to build components on shared rules, rather than one-off solutions, and set the system up to scale as new needs emerged.

Documentation & Guidelines

Drift wouldn’t scale without clear guidance. Documentation focused on explaining how and when to use the system and not just what existed. Grounding the system in clear principles and examples made it easier for teams to adopt, extend, and maintain over time.

Documentation & Guidelines

Drift wouldn’t scale without clear guidance. Documentation focused on explaining how and when to use the system and not just what existed. Grounding the system in clear principles and examples made it easier for teams to adopt, extend, and maintain over time.

Guidelines focused on intent and usage, not just listing what exists.

QA Process

Of course, components are only as strong as the documentation that supports them. To make Drift approachable, I built out Storybook as our single source of truth. Every component had clear instructions, examples, and context, but I didn’t stop there. I added a dedicated section explaining why Drift existed, not just for designers and developers, but for leadership too. Everyone needed to understand the value of the system, not just how to use it.

Conclusion

Drift began as a fix for chaos and grew into the backbone of our product ecosystem. It sped up development, aligned design and engineering, and earned the trust of both teams and leadership. Today, I manage Drift as its owner. My goal is to ensure it continues to scale with our business and shape how we build the future.

The Important Matters

Early Impact

The difference was obvious right away. Component build time dropped by about 30%, and design-to-code accuracy was nearly one-to-one. Designers stopped second-guessing handoffs, and developers finally had components they could rely on. Within three months, Drift had caught the attention of senior development leadership, and by six months it was being used across every web and mobile application.

Early Impact

The difference was obvious right away. Component build time dropped by about 30%, and design-to-code accuracy was nearly one-to-one. Designers stopped second-guessing handoffs, and developers finally had components they could rely on. Within three months, Drift had caught the attention of senior development leadership, and by six months it was being used across every web and mobile application.

Early Impact

Scaling & Leadership

Scaling & Leadership

Scaling & Leadership

Results That Last

Results That Last

Results That Last

Lessons Learned

Lessons Learned

Lessons Learned

A type system designed for clarity and reuse across multiple products.

A simple articulation of what Drift needed to support as it scaled.

A color foundation built for consistency, accessibility, and growth.

A standardized hierarchy to remove ambiguity and enforce consistency.