Building a Design System from Scratch (CX Product)
Creating a documented component library that improved team delivery by 25%
Company
Lang.ai
Role
Lead Product Designer
Industry
Design Systems · Product Infrastructure
Duration
2 years
Overview
As Lang.ai’s product grew, the lack of a unified design system led to inconsistent UI, duplicated work, and slow collaboration between design and engineering.
I built the design system from scratch, creating a shared foundation for the entire product.
Impact:
Established a single source of truth across design and engineering
Reduced duplicated work and design inconsistencies
Improved speed and clarity in product development
View Live Documentation in Zeroheight →
The problem
The product wasn’t scaling consistently.
Teams were facing:
Inconsistent components and visual patterns
Repeated design and engineering work
Misalignment between design and implementation
Increasing effort to ship new features
Without a system, every new feature added more complexity and more design debt.
My role
I owned the design system end-to-end:
Defined foundations (tokens, typography, color, spacing)
Built the component library
Established guidelines and usage patterns
Documented the system in Zeroheight
Drove adoption across design and engineering
The solution
I created a scalable system that aligned design and development.
1. Design foundations
Defined tokens for color, typography, and spacing
→ Ensured visual consistency across the product
2. Component library
Reusable UI components with defined states and behaviors
→ Reduced duplication and sped up design + development
3. Documentation & guidelines
Published on Zeroheight for accessibility and clarity
→ Enabled adoption and onboarding across teams
Outcomes
Single source of truth
Used by both designers and engineers across the product
Faster delivery
Reduced time spent recreating components and resolving inconsistencies
Reduced design debt
Prevented further fragmentation as the product scaled
Accessible system
Live documentation made the system usable beyond the design team
Key takeaway
A design system isn’t just about consistency, it’s about enabling teams to move faster with confidence.
This project laid the foundation for scaling the product without scaling complexity.
Other projects
Turning Customer Conversations into AI Summaries & Sentiment Insights (CX Product)
AI-powered summaries and sentiment analysis for faster customer insight discovery
Designing AI-Powered Routing & Automation Recommendations (CX Product)
AI recommendations for identifying routing and automation opportunities
Designing a Multi-Controller Integration & Setup Experience (DevOps)
Introducing a new CI integration and rethinking existing integration workflows for platform engineers
Redesigning the Release Notes Page (DevOps)
Rebuilding a searchable, structured release notes experience with Claude Code
Defining an AI-Powered Analytics Dashboard (DevOps)
Turning fragmented engineering data into actionable insights
Reimagining CI Troubleshooting with AI Dashboards (DevOps)
An AI-assisted workflow for investigating pipeline failures
Building a Design System for consistent AI Prototyping (DevOps)
Structuring the Jenkins design system for Claude Code and more consistent AI-generated prototypes