Objective
Build a scalable, maintainable design system capable of supporting multiple teams and products, while improving consistency, accessibility, and delivery speed across the organization.
Process
System foundation: defined tokens for color, spacing, typography, and motion to establish a unified design language.
Component library: built and maintained 300+ components using Figma’s advanced features (variables, modes, auto layout, nested properties).
Documentation: implemented clear naming conventions, contribution workflows, and guidelines for long-term adoption.
Integration: worked closely with front-end teams to align React components with Figma designs for seamless parity.
Team management: led the design system effort, mentoring designers and coordinating directly with developers.
Adoption: now supporting 10+ core products and used daily by dozens of designers, engineers, and PMs across the company.
Outcome
A cohesive and efficient design framework that allows teams to move faster while maintaining a consistent and accessible experience across the entire product suite.
