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's avatar
Katie Clark
• 19h
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/
figmamakeathonfigmamakeathon2026
Katie's avatar
Katie Clark
• 5h
Works well on mobile too 🙂
Katie's avatar
Katie Clark
• 19h
LinkedIn: Social Post
Figma Community: Published Community File
Back to feed
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