Our design system had drifted apart.

We rebuilt it around a single source of truth.

Client

Role

Product Designer
(Sole owner · design + code)

Timeline

May – June 2026 · ~2.5 weeks

Stack

React · TypeScript · Base UI · Figma MCP

Tools

Figma · Cursor · Claude Code · Claude Opus

Focus

Design Systems · Tokens · AI-ready Workflows

Our goal was to make Wylo's design workflow AI-ready. We discovered our design system wasn't built for automation, with design and code out of sync. I rebuilt it around a single source of truth, enabling AI-powered workflows and reducing frontend implementation time from three days to about one and a half.

Wylo - Design System - Built for developers, designers, and AI.

Loading deck

10 slides · Use the on-screen arrows or your ← → keys. Open fullscreen for the most comfortable read.

Loading deck

10 slides · Use the on-screen arrows or your ← → keys. Open fullscreen for the most comfortable read.

“The drift was never really a tooling problem — it was an ownership problem. What changed is that one person can now own both halves, and turn that into something the next stage of the product moves quickly on.”

Satadal Mazumdar · Product Designer at Wylo · Design System Migration

NEXT CASE STUDY