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
Building Digital Experiences Faster ✦ Website Hero Section
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
We spend so much time in front of a screen (at least me) that sometimes it feels like floating in space, sealed off, weightless, untethered from anything real.
Serene is a step back.
A sphere breathes on the screen, slowly in, slowly out, not asking you to follow, just showing you what calm looks like. You mix the sounds yourself, rain with wind, forest with ocean, whatever pulls you closest to somewhere real. The kind of quiet that used to just exist before we filled every moment with noise.
It does not fix the fact that you have been sitting at a desk for six hours. But for a few minutes, it reminds your body that it already knows how to rest.
Built in Figma, brought to life with Figma Make.
🔊 Sound on.
🎨 Figma file: Serene Design
🔗 Live project: Serene App
🌐 Community file: Serene Remix
🐦 Social sharing: X post
Love it
I built a tool to help people learn to draw.
It's called ✨Deconstruct✨
https://deconstruct.figma.site/
Built it in FigmaMake
Learning to draw is mostly about training your eye. Knowing what to look for before you even pick up a pencil. But that part is hard
Deconstruct breaks down any reference — face, body, hand — into its basic construction. The shapes that hold everything together.
And if you want to go further, there's a camera mode. Set your phone above your paper and trace directly. The structure comes to you.
Nothing fancy. Just the foundations, made visible. ❤️
Made for the @contra x Figma Makeathon #FigmaMakeathon
Try it yourself!
I need this! 😍
We're emotional beings. Our tools rarely are.
Emotions can't really be taught. They arrive through lived experience, already packaged with a thousand tiny feelings and nuances we carry without thinking. So what if an interface tapped into that?
Meet Clothesline 🧺, a to-do list with feelings.
Instead of "an urgent, high-priority, do-or-die task," you simply have a bedsheet-sized goal for the year and a sock-sized one for today. One glance and you know exactly how much you're holding.
Create, save, and track your goals right in your browser, the same way you'd hang, dry, and fold your laundry. Close the tab or restart your browser and your line stays exactly how you left it, so nothing ever slips away.
The rope sags under the weight you carry, a little bird drops by with daily inspiration, and finished goals get folded away. It even makes a lovely little second-monitor companion to glance at while you sip your coffee and work.
Built end to end in Figma: Design, Weave, MCP, Make, Sites, and Slides.
🧑🏼🎨 A small experiment in emotional interface design, software that doesn't just track your goals but feels alive alongside them.
It still amazes me how fast an idea can travel from your head to something real, alive, and in your browser.
Notes for reviewers: the overdue state (storm and rain) normally triggers when a goal passes its due date. To preview it without waiting for real time to pass, add a goal and press 'n' for +1 day, 'm' for +1 month, or 'r' to reset. You'll see the sky turn and the line react, so you can fold fast or change the due date.
Links:
--------------------------------------------------------------
Live site
--------------------------------------------------------------
Community file
--------------------------------------------------------------
Process/BTS slides deck (To Learn-Apply-Amplify)
* videos might take some time to load
--------------------------------------------------------------
Linkedin ✦ Instagram
Song playing: "What A Wonderful World" - Louis Armstrong
#emotionalinterfacedesign #goalsetting #todolist #goals #ConfigMakeathon
#Storytelling #Userexperiencedesign @Figma @Contra
Woahhh!!! ✨
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?