Cross-Product Design System at Scale

Overview

Over six months, I led a strategic overhaul of the QLU design ecosystem, transforming it from a single-product tool into a scalable framework for a multi-product platform.

By centralizing the design language across five core products, I created a shared source of truth that aligned design intent with production-ready code and supported long-term collaboration, consistency, and growth.

Challenge

Legacy bloat from unoptimized frameworks slowed down internal workflows.
A widening gap between Figma and code led to inconsistent UI patterns.
The existing architecture couldn't support the expansion into five distinct product lines.

Solution

Purged redundant components to create a lean, high-impact inventory.
Rebuilt the library using Atomic Design principles for maximum modularity.
Implemented a three-layer token system (Primitive, Semantic, Component) for long-term flexibility.
Delivered comprehensive documentation and workshops for the 13-person design team.

Outcome

Unified UX: Achieved 100% visual and functional alignment across the entire product suite.
Increased Velocity: Reduced design-to-code friction with a synchronized 1:1 component library.
Future-Proofing: Established a scalable governance model that prevents recurring technical debt.