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
Here's my entry for @contra x @figma, #configmakeathon
Most communication tools optimise for messages, not shared presence. My friends live in different time zones, so I built - Postcode, a shared town for all the long-distance friends to share side quests, leave surprises at their doorsteps and experience life together.
This is what the internet could feel like, not a feed with notifications to scroll through but a place to return to.
Built entirely using Figma -Make, Weave, MCP tools, supabase, oepngameart.org (for pixel assets)
Come, build your own town with your friends here- http://postcode-79717869.figma.site
Community - https://www.figma.com/community/file/1649481260876908304/postcode
Social media post - https://x.com/_Manjuchan_/status/2067660125892964807?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
I built Interactive Earth History Explorer for the Config Makeathon.
Interactive Earth History Explorer
The web app allows users to travel through Earth's history by scrolling through a timeline and interacting with a 3D globe. Users can explore:
Geological eras and major Earth events
The evolution of life on Earth
Ancient civilizations and historical milestones
Important locations associated with historical events
Multimedia content such as images, animations, and descriptions
—————————
Target Users
Students and educators
History enthusiasts
Parents looking for interactive learning tools
—————————
Traditional methods of learning history and geology are often:
Text-heavy and difficult to visualize
Presented as static timelines that lack interactivity
Disconnected from geographical context
——————————
Solution
The web application provides an immersive and interactive learning experience by combining:
🌍 Interactive 3D Globe, 📅 Scrollable Timeline, 🖼 Rich Content Cards, ✨ Immersive Storytelling
————————
My process: Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Figma server → Deployed
live site : https://lnkd.in/g7RFUR5t
This is sooo cool man..... is it possible fr me to like check it out i mean the live preview
For the #ConfigMakeathon, I created Book Trace. It is a reading journal app that helps you capture thoughts while you read, and leave a personal trace when you finish.
[Concept]
Book Trace turns the experience of reading into something you can hold onto. Instead of forgetting what a book meant to you, you leave a Trace — one sentence, one emotion, one word. The app also reads what you wrote and tells you what kind of reader you are, with book recommendations matched to your type and genre.
[Project Overview]
For this submission, I designed:
- Onboarding flow;
- Still Reading experience with in-the-moment note capture;
- Finished flow with the full Trace journey;
- Reader Identity system with personalized recommendations;
- Library with saved traces;
- UI Kit and design system.
[Workflow]
I built the full product from concept to prototype in Figma. UI Kit, component library, and interactive flows all in one file.
[My Experience]
What I loved most about this challenge was how it pushed me to think about the full user journey, not just screens, but emotions. Book Trace started as a simple idea and grew into something that feels genuinely personal.
Figma made it possible to move from rough concept to polished prototype without ever leaving the workspace.
Thank you to the Figma team for a challenge that made me build something I actually want to use!
Live project
LinkedIn post
Community link
If this resonates with you, a like, comment goes a long way. Thank you 🙌
Amazing!
i realized that most grief apps are clinical or religious, then i designed a grief platform that's neither of this. Lumina
(video 1 is Lumina web app, and video 2 is build process)
a calm, beautifully-designed daily companion for anyone navigating loss, either it's a person, a relationship, a job, or a home. Lumina meets people exactly where they are, no pressure to heal, no toxic positivity, but a gentle space to feel, remember, and slowly find footing again.
- Lumina app live link: https://pants-stir-69223014.figma.site/
- Lumina in Community: https://www.figma.com/community/file/1648042340955637578
i started by prompting Figma Make to generate my entire design system colors, typography, and components in one shot.
Then I built each screen sequentially in the same session so Make retained design context.
For illustrations I used Figma Weave, prompting each asset with specific color hex codes to match the design tokens. Finally I used Figma MCP connected to my code editor to export clean, live React code from the design.
Grief is the most universal human experience, yet almost no digital tool treats it with the care and design quality it deserves.
Most people grieve alone, silently, without structure.
and for this reason i designed Lumina, a daily ritual app, gentle check-ins, guided journaling prompts, a memory keeper, and a visual grief timeline that shows how far you've come.
Awesome!
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?