Facebook Main Proto
Rebuilding all surfaces of the Facebook app in Origami Studio, a living, high-fidelity prototype so Tom Alison (Head of Facebook) and the leadership team could review how all the moving pieces come together.
Overview
As Facebook set its direction for the next generation, social discovery for young adults, and new capabilities powered by AI, leadership needed to feel the whole app, not read about it in slides. So I rebuilt Facebook in Origami Studio: a single, living prototype that stitched the real surfaces together into something you could actually navigate.
It became the reference Tom Alison, Head of Facebook, and the team used to review how the pieces fit, Feed, Reels, video, Groups, Marketplace and the new AI moments, as one coherent experience rather than a set of isolated screens.
What the prototype had to do
Feed, Reels, video, Groups and Marketplace wired into one navigable model, not disconnected mocks.
Real navigation, transitions and content, polished enough to put in front of the Head of Facebook.
Made the hand-offs between surfaces visible, so the team could judge how the pieces come together.
One prototype the whole org could point to when aligning on the app's direction.
Prototyping the refreshed brand in context
The main prototype was also where Facebook's refreshed brand identity met the product, the bolder core blue, the updated logo and Reactions, the new motion, tested inside a living app rather than a static spec, so the team could see how it felt across real screens.
Refreshed brand identity. Read more: Redefining Facebook's Brand Identity.
Meta AI in Feed
One of the moments built inside the main prototype: asking Meta AI right from Feed. Tap a suggestion under a post, "Popular guitar songs to play?", and get an answer without leaving what you were reading. The working AI model let us feel the interaction against real content before it shipped.
One model, the whole product
Rebuilding the app in Origami meant recreating its architecture, the tabs, the transitions, the way one surface leads to the next, with enough fidelity that using it felt like using Facebook. The value wasn't any single screen; it was seeing the connective tissue, live, in one place.
That made it possible to review the product as a whole and make decisions about where it should go next.
There's more inside
Enter the access code to continue.