Blueprint Design Language
Building Facebook's foundational design system from the ground up. I led three of its foundational pillars — Spacing, Shape, and Material — across iOS, Android, and Web, and helped grow the system from 12 to 15 foundational areas in version 2.0.
A foundational design language, 0 → 1
Blueprint is Facebook's foundational design system. As a founding designer I helped define its structure and scale it across platforms — a cross-org effort spanning 20+ product designers — turning systems work into measurable product impact and the first positive metric movement from a design system in the company's history.
Material Treatment System
Lead Product Designer, Meta · 2024
Brought Apple's depth APIs into Facebook's design language to create a system of blur-based visual layers — balancing immersion against the constraint that content legibility could never be compromised. Adopted across Reels, the photo viewer, and Messenger with statistically significant positive movement on top-line metrics.
Shape System
Lead Product Designer, Meta · 2023
Dynamic corner-radius logic tied to hierarchy and surface type, plus a perception framework for visual consistency. Adopted across Facebook with 700+ engineering tasks resolved, and evolved into a more innovative shape strategy for Blueprint 2.0 in 2025.
Feed Spacing Reduction
Lead Product Designer, Meta · 2024
A deceptively simple change validated through live experimentation — tightening feed spacing from 8dp to 4dp. The result: statistically significant positive movement on sessions and video views across iOS and Android.
Collapsible Unit
Lead Product Designer, Meta · 2025
An end-to-end product pattern: discovery → constraint → pivot → adoption. When the original launch surface couldn't host it, I repositioned the experiment in Marketplace and PDP, validated it safe-to-scale, and saw it absorbed into our shared component library on Android and iOS.
H-scroll Gesture Strategy
Lead Product Designer, Meta · 2025
A gesture-first browse system for Facebook's horizontal-scroll modules. Replacing tap-to-refresh and tap-to-expand with two complementary pull gestures — Pull to Local Refresh and Pull to See All — turning the act of scrolling into the only interaction users need to refresh, explore, and discover.
Android Design Quality Program
Lead Product Designer, Meta · 2025
A cross-org program treating Android as a first-class design platform — addressing how iOS designs degrade under Android constraints, and where small visual inconsistencies amplify into global quality issues at scale (~75% of Facebook's global users are on Android). Three focus areas: Declutter & Simplification, Cross-Platform / Industry Standards, and Android-Specific Constraints.
