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
You can be surrounded by people and still carry something you've never said out loud. Something you want to say, but not if anyone knows it was you. 🤍
For #ConfigMakeathon, I built Felt → https://felt.figma.site/
You type one honest sentence. "its been a hard week." "i almost didn't submit, but I did." Your words turn into a piece of living art, ink spreading through water, colored by the feeling behind them. Every one is different, because it's made from exactly what you said.
Then the part I can't stop thinking about is the moment your feeling appears, Felt shows you you're not alone. Someone else, somewhere, just felt the same thing, and their art drifts onto your screen next to yours. No names. No profiles. Just the relief of knowing you're not the only one.
You can make a feeling for someone you love and send it, or seal one for your future self to open later. It all stays anonymous. Nothing is shared unless you want it to be.
I built it in one night, using Figma Make for the app and Figma Weave for the ink. The same idea Figma runs on, sharing and remixing each other's work. I just pointed it at human feelings.
Go say one true thing. Then send it to someone who needs it today. 🤍
If it moves you, a like, comment, or share genuinely helps. Thank you for reading this far.
Live app: https://felt.figma.site/
Figma Community file: https://www.figma.com/community/file/1649583142278131306/felt
Video: https://www.loom.com/share/34e6f15586214e2083da07aa628fbe82
Social media X: https://x.com/DorcasxTech/status/2067776779771859386?s=20
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
Did you know your home reflects how much you read?
Not a metaphor. A literal one.
Add a book. Set a timer. Watch your apartment slowly come alive as you read. Dust clears in real time. Rooms bloom from neglect to warmth. Stop reading and watch it all fade back.
The Problem
Most reading trackers are lists. Cold. Forgettable. They record what you have not done without making you feel anything about it. You open the app, see a number, close the app. Nothing changes inside you.
Shelf Life is built around a different belief. Your habits should live somewhere. They should breathe. They should have consequences you can see.
Your bedroom holds the book you read before sleep. Your kitchen holds the article you meant to finish over coffee. Your study holds the essay you keep putting off. Read consistently and each space blooms back to life through an organic dust clearing animation driven by your actual reading time. Neglect your reading and the dust returns. Your home becomes a mirror of your habits. Honest and quiet and impossible to ignore.
I deliberately chose not to let users upload or read books inside the app. The moment you can read inside a tracker it stops being a tracker and starts competing with the experience of actually holding a book. Shelf Life honours the ritual of reading without replacing it.
How It Was Built
I started with a design philosophy before I started with a prompt. Warmth. Craft. Human first. Every decision was made to make the user feel something not just complete a task.
The isometric apartment and all ten room images including the neglected and bloomed states for each of the five rooms were generated entirely using Figma Weave. I used Figma for rapid design ideation and layout exploration before moving into Figma Make.
In Figma Make I built the full app in React and TypeScript. The core technical challenge was the dust clearing animation. It uses an SVG mask system with organic circular spots growing via requestAnimationFrame running in parallel with the reading timer. Each spot has its own delay and duration so the reveal feels natural and alive rather than mechanical. The same spots reverse in mirror order when the room returns to neglected. The animation runs both ways. Forward when you read. Backward when you stop.
Room specific ambient music plays in each space. The bedroom has soft rain and piano. The kitchen has morning acoustic warmth. The living room has fireplace crackle. The study is near silence. Each room sounds like it feels.
Tools Used
Figma Weave for AI image generation across all ten room backgrounds
Figma for design ideation and layout
Figma Make for the full app built in React and TypeScript
The Moment That Matters
Start a reading timer. Watch your room slowly clean itself in real time. Organic dust spots grow across the image revealing the bloomed version beneath. It is not a progress bar. It is not a percentage. It is your home breathing back to life because you chose to read.
When the timer ends the room holds its bloomed state then gradually returns to neglect. The direction of the animation tells you everything about your relationship with reading that week.
Most people go quiet when they watch it happen for the first time.
Excellent presentation 👏
You know that feeling when it's 3am and you have so much going on in your head but nowhere to put it? No one to tell, no diary you trust, just… everything sitting heavy inside you.
That's exactly why I built Vent It.
It's a safe little space where you write everything you've been holding in and watch it disappear into the fog. No storage. No receipts. Just you, your words, and that lighter feeling after.
The background shifts with real time, so if you're venting at 3am, it feels like 3am. It matches your moment.
And you're never fully alone. There's a tiny cat companion that somehow always knows what to say when you're going through it.
I built this because I couldn't find a place like this when I needed one. So I made it.
Try it and tell me if you felt it too 🌫️
Love this idea. Creating a space for reflection and emotional release feels both thoughtful and meaningful. Good luck!
Memento - OCD (Obsessive-Compulsive Disorder) App
I built Memento for the #ConfigMakeathon using #FigmaMake, #FigmaMCP, and #Cursor.
The problem I wanted to solve : Millions of people worldwide live with OCD and anxiety and as someone touched by it, I know the struggle daily. Checking things (like closing windows or turning off lights) causes intense stress and repetitive doubts. Most tools don't help your brain remember the action, so I wanted to make the experience feel mindful, visual, and safe.
In Memento, you cannot just tap to complete a task. You must press and hold for 3 seconds. This UX choice forces mindfulness and anchors your brain to the action.
The project includes:
- 3-Second Verification: Press and hold to anchor your brain and remember the action.
- Meditation & Shortcuts: Quick access to "SOS Calm" to reduce anxiety instantly.
- My Victories: A dedicated space to track your success and feel safe.
- Visual & Audio Proof: Live photo and instant voice recording for peace of mind.
- Calming Visual Design: A clean, high-contrast palette with soft greys and dark green to banish stressful colors (like red) and minimize anxiety.
The goal was to keep the interface clean and focused, while adding just enough feedback to make the user feel completely safe and calm.
Social media post : https://www.linkedin.com/posts/virginie-lavallery_configmakeathon-figmamake-figmamcp-activity-7471096843225956352-ALcO?utm_source=share&utm_medium=member_desktop&rcm=ACoAADI9YcIBz6iZUC6U8HRb3v6vfTjuBv5MKmk Try the live app here : https://memento-rfv472nuc-veme-studio-s-projects.vercel.app/
View the Figma community file : https://www.figma.com/community/file/1647157845476103686
Figma Make workspace link (without cursor code part) : https://www.figma.com/make/tswqsbInsKnkazqY6tXDsW/Memento?t=qnFVoG9PCCqaOWWN-1
Github link : https://github.com/VemeStudio/Memento
Memento 🌿 — Everywhere, everytime, on every device
Hope you like it ! Don't hesitate to share your opinion.
#ConfigMakeathon #Figma #FigmaMake #FigmaMCP
Good work!
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?