I design systems that help teams ship faster with confidence

This case study highlights the creation of an accessibility-first component library built with React and Radix Primitives. It was designed to address persistent WCAG violations and fragmented UI across platforms by embedding accessibility, semantic structure, and design-code parity into every layer. The system uses design tokens, Storybook documentation, and Figma Dev Mode integration to enable inclusive, scalable development across teams.

This article shares how I lead design systems teams through structured critique, contribution workflows, and data-informed feedback. It's a look at how I scale trust through clarity and collaboration, not control.

I built a token-aware AI workflow that integrates design system context into component generation using MCP, ChatGPT, and Cursor. This system turns prompts into production-ready UI—theme-aware, brand-compliant, and fully synced with Figma and code.

I led a system-wide initiative to embed WCAG 2.2 and EAA compliance into our design system—not as an afterthought, but as foundational infrastructure. Through training, component refactoring, and cross-functional alignment, we standardized tap targets, focus states, keyboard navigation, and ARIA roles across all components. This shifted accessibility from reactive to systemic, enabling audit readiness and building long-term trust across design and engineering.

How a custom dashboard reshaped strategy, trust, and visibility across 48+ brands.

Redesigned our token architecture from raw values to a governed system of primitives, aliases, and themes—powering live theming and design–code sync at scale.

Orchestrated the rebuild of a multi-brand design system from the ground up—driving cross-org alignment, implementing token architecture, and embedding Figma Variables for automated theming and live design-code sync.