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
For Figma Makeathon, I reimagined the most culturally loaded interaction on the internet. the ❤️ button.
Meet The Vibe Check: instead of tapping a heart and moving on, you hold and drag across a color gradient that shifts between five emotional states.
https://drawer-cloudy-15616415.figma.site/
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
Challenges
View all
Related posts
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 😊
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.
I just like making things like this.
I made this one as an experiment without opening a single design app. Basically, I just kept telling Codex what I wanted it to do.
It’s not a magic button. It took around 100 prompts and quite a few hours. But the fact that you can make something like this just by talking, without touching a keyboard or mouse, is still pretty wild.
And the whole thing runs and renders right in the browser.
Super clean work!