METAMASK DESIGN SYSTEM

MetaMask is the world’s most-used crypto wallet with 30M+ monthly active users across WebExtension, Portfolio (web app), and mobile (iOS/Android via React Native). I maintained and evolved the cross-platform design system that ensured visual and interaction consistency across all three surfaces. The system included a shared design token layer, platform-specific React and React Native component libraries, and comprehensive Figma libraries synced to code.

Built and maintained React + TypeScript component libraries powering MetaMask’s web products and design tokens used in native apps via React Native. Created Storybook MDX documentation and usage guidelines. Translated Figma libraries into scalable, accessible components. Improved developer velocity through CI/CD workflows and automated testing with Jest, e2e tests, and Lighthouse.

Partnered with designers, brand, and engineering to evolve the MetaMask Design System into a flexible multi-platform toolkit aligned with company-wide design principles to maintain quality and speed.

Delivered consistent, well-documented component APIs that improved design accuracy, testing, and reduced component sprawl — accelerating feature delivery across teams. TypeScript-first development with semantic HTML, modern CSS, React, and Next.js. Bridged design vision with performant, accessible code.

Championed the user experience and accessibility of products, keeping the quality bar as high as possible. Advocated for users by continuously iterating on and evolving core products and experiences, identifying areas of improvement and delivering value daily.

• Unified design tokens and component standards across WebExtension, Portfolio, and mobile apps — improving brand consistency and developer velocity.
• Evolved the design system from a static library into a living, multi-platform toolkit.
• Reduced component sprawl and improved API consistency, accelerating feature delivery across multiple product teams.
• Collaborated with engineers on elegant and consistent component APIs with a focus on developer experience.