Lang.ai Design System
Built from Scratch: From zero to a documented component library boosting 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
Lang.ai CX Platform
AI Workflows for Support Teams: Reducing ticket resolution time by 20% through intelligent automation
Jenkins++ Integration Experience
CloudBees Unify: Redesigning multi-controller setup for platform engineers at scale
Release Notes Redesign
CloudBees CI: Turning a wall of documentation into a searchable, structured experience
Unify AI Dashboards
Product Direction & Design: Defining an AI-powered analytics layer for engineering teams (concept validated, deprioritised)
CI Pipeline Dashboards
Troubleshooting at a Glance: Reimagining failure investigation as a proactive, AI-assisted workflow (concept validated)
Jenkins Design System Reference
For AI-assisted Prototyping: Building shared infrastructure that makes AI tooling reliable for the whole team