MetaMask UI & Design System
MetaMask is one of the most popular self-custodial wallet that millions use to manage crypto and access Web3 apps.
When I joined MetaMask, the team had just kicked off an initiative to build a design system—and I was brought on to lead it forward and make it real.
I took that early momentum and shaped it into a scalable foundation. I built a unified Figma library, partnered with engineers on design token architecture, and baked accessibility into the core system from the start. The system grew rapidly, with library usage increasing ~50% each quarter as it became the go-to toolkit for designers and developers across web, extension, and mobile (serving over 30M MAU).
I also led the UI execution for a company-wide rebrand, evolving the visual language and applying it consistently across products. What started as a foundational effort quickly became critical infrastructure—accelerating delivery, aligning teams, and scaling design across MetaMask’s growing ecosystem.
Figma Library gen 1
Figma library gen 2
Documentation
*Below are some sample screens of the UI designs, libraries, and assets.