Moors Orugaagii
Art Direction, Branding & Interactive leveraging AI.
2 weeks and roughly 18K Figma credits later. What do I have to show for it?
This is Cocoon. Cocoon is an AR sensory filter concept. Featuring a single dial that controls how much of the world you want to let in. Visually, aurally, atmospherically. You stay aware, you stay social, you stay safe. And you get to dial down the world a notch.
The concept works like this. You arrive at Times Square, and before you even step out of the subway, you can start to feel the intensity. Lights, billboards, cars honking, chatter like a roar.
Activate Cocoon, and a dial appears. As you turn it, two things happen simultaneously: Nature leaps forth to work its magic, claiming the space visually, and then you notice the hush. And the audio streaming becomes a lot more soothing.
The world keeps moving the entire time. Traffic doesn't freeze. The crosswalk signal still changes. People walk on by. But your relationship with the environment is not like theirs. You're cocooned.
The build
The whole project lives in Figma Make. The design system was built in Figma first — a VisionOS-inspired spatial UI with frosted-glass substrates, tracked caps, and clinical instrument aesthetics. Tokens and effect styles (surface/glass, Cocoon/Glass Frost, Cocoon/Violet Glow) were established in the design file and referenced throughout the prototype.
Video layers use a two-track architecture: a living-world loop plays independently beneath, while a nature-transformation clip is masked and dial-controlled on top. The SVG mask paths were hand-extracted, and honestly, a pain in the butt foreal foreal.
Claude, via Figma MCP and within Figma Make, served as the design-to-code bridge. There was a lot of debudding, and I haven't gotten into a code base like this in a while. Turns out I like coding better now lol.
The Purpose
1 in 6 people experience sensory processing sensitivity. The cornerstone of Cocoon is that a calmer world should always be at our fingertips.
Test it out
https://cocoon-reality.figma.site/
Live Project (https://www.figma.com/make/MT9imExPYF0VqLYg1s0QSU/Cocoon-Reality?t=30QzrS8o2c6abUDb-1)
Project Folder (https://www.figma.com/files/team/1025427194584946376/project/39387913?fuid=524679563797306776)
Soften reality. Cocoon reality.
4
5
208
Mexico City. World Cup. 4 million visitors incoming. Made this property ad with zero cameras — just AI and existing listing photos. Short-term rentals that market like this are going to win. 🏆
2
80
Sent this demo to a prospective client this week.
His response: 'Wow. I didn't see that coming. Are you kidding me? This is amazing.'
It's a v1 — audio is being refined — but the concept is live. I'm building a content agency for Airbnb hosts and real estate developers in Mexico using AI.
No cameras, no crews, 24 hours.
This is Quetzl (https://www.quetzl.ai). Website coming soon.
Built with Claude, @Higgsfield AI , @FLORA
Feedback welcome, especially on audio. I'm still developing my ear for Spanish.
0
47
Challenging day today for sure. Image one is still a work in progress, but the other three are solid! Especially the bag charms/keychains. Case study coming soon.
2
84