Guidelines for Facebook Design System

Scalable reference that helped teams maintain consistency across products and surfaces. The work focused on translating foundational design principles into clear, implementable guidance for product teams.

Motion System

Developed motion and interaction guidelines that define how transitions, feedback, and navigation should feel across Facebook products. Motion was treated as a functional layer that supports usability, continuity, and consistency across surfaces.

Documentation

Designed the guidelines as a clear and accessible reference for cross-functional teams. The documentation helped bridge design and implementation by providing structured principles, examples, and scalable patterns.

Launch Film

Managed the creative partnership with the studio The Furrow to produce an animated film for the launch of the guidelines. Providing assets, art direction, and feedback throughout the process, ensuring the final film accurately communicated the system’s coverage, purpose, and benefits.

Work Impact

Created a scalable design reference that helped unify product experiences across Facebook surfaces. Established motion and interaction principles that supported consistency, usability, and system-level thinking across teams. The launch film helped communicate the value of the system and increased awareness across the organization.

Previous

Facebook Animated Icons
Next

Google Rebrand