Design System Scaling through AI

“It’s not a top priority right now.”

In a high-velocity environment, our Design System often became an afterthought due to strict delivery deadlines. The existing "build-as-needed" model led to significant friction; for instance, delivery teams would often bypass the system entirely to meet immediate goals, creating UI inconsistencies and blocking future teams who relied on those components. This created a cycle of design debt and a constant push-and-pull between design fidelity and engineering speed.

Acceleration with AI

To eliminate the manual overhead of component creation, I am leading an initiative with our AI specialist and product leadership to automate the design-to-code pipeline. By leveraging Figma data and AI agents to "spin up" foundational code (HTML/CSS), we’re shifting the developer’s role from manual construction to high-level code review. This project requires me to bridge the technical gap, ensuring the AI-generated output meets our standards before hitting a final developer PR.

The Target Impact

The goal of this automation is a 95% reduction in component development time. By removing the "tax" of building for the Design System, we are unlocking higher design fidelity and ensuring that pixel-perfection is no longer a trade-off for engineering velocity. This initiative transforms the Design System from a bottleneck into a seamless, automated utility for the entire organization.