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
MOOD MORPH — An Interface That Feels What You Write
Built entirely with Figma Make | #FigmaMakeathon
The UI is not a container for your emotions.
It IS your emotion.
Features:
• Cursor Empathy Engine (cursor shape + trail changes per emotion)
• Physics particle system (different physics signature per mood)
• Procedural mood art generated from your session
• Ambient Web Audio soundscapes per emotional state
• Emotion memory — the app carries over your last session's feeling
All transitions: 1.8s cubic-bezier.
Because emotions don't snap — they shift.
check it out: https://class-agency-84995365.figma.site/
End of session: your UI generates a one-of-a-kind abstract
painting made from your emotional fingerprint.
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
Related posts
Made this simple sticky note canvas to test-out Figma Make. Still have some issues with exporting images from local browser, will continue iterating 🚀
https://invite-chaos-71763738.figma.site
Love the stickers 😍
This is an AR Piano. The goal was simple: make music accessible. Using your camera, you can interact with a virtual keyboard in real-time. Whether you're a virtuoso or just want to make some noise, it's ready for you.
Check it out and let me know what you think: https://jam-open-06670559.figma.site
This is soo awwesooome!! 🎼 🎹 🤍
Hi!
For this year's Figma Makeathon, I created a website that changes based on our mood! :D The script reads from our camera (bottom right corner) whether we're smiling, sad, or surprised, and adjusts the UI accordingly. I used face-api.js to handle the camera scanning. The project was built 100% in Figma Make.
Link: https://find-khaki-57539973.figma.site (You must give access to the camera)
Let me know in the comments what you think! :D
this is SICK!!!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?