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
yo, this is sickkk 💯
woow nicee😍
This deserve more than just liking it, nice job brr
The visual chaos question is the real one. Most 3D web experiments look incredible in the demo but fight the user for attention once real content is layered in. Treating the 3D as a backdrop rather than the focal point seems to be where it actually works well.
I like the growing concept. Very smart!
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
Nobody tells you that the hardest part of freelancing is the waiting.
Waiting for the right brief.
The right client.
The right moment to feel ready.
For a long time I treated momentum like something that arrives if you're patient enough.
This summer I'm done waiting for the current. I'd rather be it:)
So I made this.
A swimmer caught mid-stroke, blurred because she's moving, while the only thing holding still long enough to read is the word.
I built it backwards on purpose: the image is frozen but full of motion, and the text is the part that actually moves. A still that's all velocity, a motion that's all calm. That contrast is the whole feeling.
The process:
- Ideogram to generate the swimmer, motion blur and all
- Canva for grain and a bit of the moody texture
- Framer for the moving text, because if momentum is the theme, I wanted the motion to be real, not faked. Also because I'm spending this summer chasing more Framer work for Formeta, so I figured I'd practice what I preach
- Screen recorded the final piece to capture the motion
Movement as meditation. The work moves when I do.
What's the energy you're swimming into this summer?
The motion blur still juxtaposed with the text looks super sick!
The Framer plugin I've been working on for the past few weeks is finally live on the marketplace.
Because I like to test different tools, I had Claude build this launch video using HyperFrames. The intro image was made using GPT Image and animated using SeeDance 2.
Use the code "AI2F25" to get 25% off.
This project got my upgoat
Presenting - Silver Line 🌥️
https://silverlinespace.figma.site
My Config Makeathon Submission!
A helpline for hearts that can't quite see the bright side today.
🌥️ The Problem
We all carry small struggles around with us. A rejection email, a plan that fell through, a rough day at work, a friend who didn't text back. None of them are the end of the world, but they pile up. And on the wrong day, even the little things feel heavy. Most of us weather them alone and in silence, scrolling past everyone else's highlight reel while quietly having a hard time.
There are apps for big crises and apps for vanity metrics, but very little for the everyday, low-grade cloud that just needs a kind word from a stranger.
☀️ The Solution
Silver Line is a communal sky where strangers help strangers spot their silver lining.
Share your cloud. Sign in, step into the sky, and post the little problem weighing you down. Set how heavy it feels, then send it up.
Be someone's silver line. Open any cloud and leave a message of encouragement, a kind word, or a bit of perspective.
Loved someone's comment? Send a ray of sun to show you appreciate it.
Watch clouds turn happy. When you can finally see the bright side, tap "I see the silver lining" and watch your cloud become a happy cloud.
The goal is simple: make every cloud in the sky a happy one!
Because no one should face their problems alone.
Safety rails (community flagging + admin moderation) keep the sky a kind place.
🛠️ The Process & Figma Tools Used
The whole thing was built predominantly in Figma, powered by Figma Make.
Planning: Mapped the idea and concept with an AI agent before touching design.
Figma MCP: Built the entire design system and variables directly in Figma, fast and clean.
Figma Design Agent: Spun up the major screens in minutes.
Figma Weave + Figma Draw: Generated the cloud assets and visuals; Draw was a joy for the finishing touches.
Figma Make: The heart of it. Prompted my vision and watched it come to life, iterating across versions. Used Figma Make's Select Edits for precise manual tweaks (images, text, padding) to save AI credits.
Supabase:Connected for persistence, so clouds, messages, and rays of sun are saved between visits.
A real end-to-end Figma workflow, from design system to a live, interactive product.
🔗 Link - Try it out yourself!
🚀 Live Working Prototype: https://silverlinespace.figma.site
*** Cannot provide figma community link as this project is connected to Supabase! ***
👤 Built by
Arjun Haridas, Product Designer, Bangalore, India.
Originally designed and built during the Config Makeathon period.
Huge thanks to Figma for the makeathon and to Contra for hosting. And to everyone who's ever been the silver line to someone else's cloud you're the reason this exists. 😊🌤️
#FigmaMakeathon #ConfigMakeathon
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?