Interactive Emotional Regulation Prototype in Figma Makeathon

Interactive Emotional Regulation Prototype in Figma MakeathonInteractive Emotional Regulation Prototype in Figma Makeathon

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Katie Clark

• Mar 2

What if emotional regulation was visible?

For the Figma Makeathon, I built an interactive prototype that externalizes emotional states as systems that can shift.

Users choose one of four states: Overwhelmed, Anxious, Numb, or Depressed. Once a state is chosen, the user engages with a guided environment where motion, rhythm, and transformation gradually de-escalate the system.

Examples of the visual changes: • Chaos untangles • Pulse stabilizes • Presence becomes known • Weight lifts

This project was built entirely in Figma Make with responsive interactions, randomized prompts, and ambient sound to create a fully immersive experience. Check out the full site here: https://dodge-quilt-66023040.figma.site/

figmamakeathonmarch2026 figmamakeathon2026

Katie Clark

• Mar 2

LinkedIn: Social Post

Figma Community: Published Community File

Katie Clark

• Mar 3

Works well on mobile too 🙂

Diana Fabianczuk

pro

• Sep 16

An experiment exploring how to visually communicate design impact through a draggable before/after slider. Built to test the interaction and motion feel of scrubbing between two states of a design, it uses a small format to show transformation at a glance 😊

AI Agent Designer Framer Website Design Web Design Figma Framer

Rohan Ahmed

pro

• Sep 16

The compact format is doing a lot of work—the draggable reveal makes the improvement immediately legible, while the consistent card rhythm keeps the comparison easy to scan.