Design System 2.0

Overview

Built a cross-platform design system used by 6 product teams across web and mobile — reducing design-to-dev handoff time by 40%.

The Problem

Inconsistent UI across products was eroding user trust and slowing development. 3 separate component libraries existed with no shared tokens or governance.

The Solution

A Figma-first design system with 80+ components, a token layer synced to code, and living documentation in Notion. Shipped alongside an adoption playbook.

Outcome

Handoff time reduced by 40%. Design inconsistency bugs dropped 70% in Q4. System adopted by all 6 product teams within 3 months of launch.

Process

1. 01Audited 3 product UIs — catalogued 200+ unique components
2. 02Ran a design audit workshop with PMs and engineers
3. 03Defined a semantic token architecture (color, spacing, typography)
4. 04Built the Figma library with auto-layout and variable support
5. 05Authored contribution guidelines and a component-request workflow