Innovative Mood-Adaptive Website Using Face-api.js in FigmaInnovative Mood-Adaptive Website Using Face-api.js in Figma
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
Adam's avatar
Adam Rydza
• Feb 27
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
figmamakeathon
Akinkunmi's avatar
Akinkunmi Ayo
pro
• Feb 27
this is SICK!!!
Adam's avatar
Adam Rydza
• Feb 27
Thanks haha 🔥
Zoë's avatar
Contra logo
Zoë Colivas
pro
• Feb 27
This is wildddd!!! I think I just tried all my possible emotions!
Adam's avatar
Adam Rydza
• Feb 27
Thanks! 🔥 I was getting tired of smiling while creating and testing this 😂
Steph's avatar
Contra logo
Steph Untch
• Feb 27
So fun! 🙌 🙌
Adam's avatar
Adam Rydza
• Feb 27
Thanks! 🔥
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