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
Introducing PUNCH IT! 🎉
I'm so excited to share my final submission to the #ConfigMakeathon !!
The prompt was to create something that improves your life, community or world.
As an early career designer heading to Config next week, what I needed to improve was my networking anxiety 😅
So I built PUNCH IT! A digital business card that rewards networking.
When someone opens it, they get your contact info, portfolio, and LinkedIn.
Then they stamp it...anonymously, or with their own info for a future coffee chat.
Every stamp represents a real person you connected with.
If you want to be competitive, you can also collect cards from other people and add them to your collection (which is ranked based on number of punches 🫢)
The best part is that the app itself is the icebreaker. Asking someone to punch your card is a reason to talk.
It reframes networking from something you have to survive into something that actually feels like progress.
I started with sketches, built it out in Figma Make with a Supabase backend, and went through 126 versions before landing on the final version.
All in time for Config 2026, my first ever design conference!
You can make your own card at the live link below or leave a punch on MY card here: https://punch-it.figma.site/c/8arwxh
Can't wait to connect with you!
✅ Live link: https://punch-it.figma.site
📲 Social link: https://www.linkedin.com/posts/maryeclements_configmakeathon-figma-contra-ugcPost-7473027777584267264-WtMW/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEEfsIIB1ZgbLf3qNeFmUghCBeAvnEOC7dg
🫂 Community link: https://www.figma.com/community/file/1648802520809084837/punch-it-demo
👩💻 Working project file: https://www.figma.com/make/bQSiFiqqWslB3ObBKFSaG0/PUNCH-IT--_-Config-Makeathon?t=eQASFnxUZjnnnOli-1
** Some extra features not mentioned in the walkthrough
- only you can edit / delete punches on your own card
- As long as you sign in on the same device you made the account with, you'll be signed in automatically!
- Designed for mobile, but works on desktop as well
this is so smart!
Thank you! 🤩
I will need this for Config!
This is cool
One of the winners, my bet 😁
Thank you! Fingers crossed for sure! 🤞
If that doesn't get you hired, I don't know what will 🃏
haha thanks! 😄
Well done 👍
nice one
amazing
love this!
Nice One..best of luck for the contest!
See you at Config!!
See you there!!
Thank you!!
Nice
Goated!
Thanks Polina!
Goated!
love this idea 😍 (as someone who also has trouble talking to people in-person first !)
Game changer
This is genius..well done👍
OK I AM IN-VESTED!
good work
Great job
Wow!
really fun idea for networking!
Great rest job 👏🏾👏🏾👏🏾
I signed up♥️
Thanks for trying it out! I left a punch 😊
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
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
Bloom Lab is a cozy virtual plant-breeding mini game where users can choose a seed, plant it, care for it, help it bloom, and create new hybrid plants by combining traits.
The idea started with a simple thought:
What if a plant-care game could feel calm, expressive, and a little magical?
In the game, each plant reacts through mood changes, care meters, facial expressions, and small interactions. Users can water the plant, give it sunlight, watch it grow, and eventually discover hybrid plants like Glowleaf, Honeybloom, and Dreamberry.
This project was also special for me because it was my first time using Figma Make, along with other AI-assisted tools/models during the process. It was exciting, but also challenging. I had to learn how to work with prompts, fix broken flows, manage component states, refine animations, and make sure the final experience still felt intentional as a design.
Some things I focused on:
Building a soft and cozy visual style
Creating reusable components and plant assets
Designing smooth micro-interactions
Making the care screen feel alive through plant expressions and idle animations
Creating branching outcomes based on seed and hybrid choices
This project taught me a lot about designing with AI tools not just generating screens, but guiding, correcting, and shaping the experience until it felt like my own.
It was a challenging but really fun learning experience, and I’m happy I pushed myself to participate.
Check it out here: https://pad-flyer-18166722.figma.site
Highly captivating novel experience.
🛰️ I just shipped Remora for the Figma Config Makeathon "a space debris cleanup game", built entirely in Figma and Figma Make with help of Sites.
PLAY NOW 💯 Remora - Let's Clean our Space 🚀
Right now, more than 27,000 pieces of debris are orbiting Earth. Broken satellites, lost bolts, leftover rocket stages and nobody's cleaning it up. It sounds distant, but it isn't: this debris threatens the satellites our GPS, communications, and weather systems depend on, and could eventually block our access to space entirely.
I named the project Remora; a small fish that swims alongside sharks, cleaning their surroundings. We're the remoras. Space is our ocean.
The Makeathon brief was "design something that improves the world," and I wanted my answer to be playable, not just a poster.
Some of what's under the hood:
🎮 Two game modes: a free-flying drone collector with zero-G physics and a station-based sorting game where you triage incoming debris into recycling shipments
🤖 Three AI-controlled drones compete alongside you on a live leaderboard, each with its own personality and skill level
✨ Particle bursts, thruster trails, and docking animations — built frame-by-frame on canvas, no game engine
🌍 An animated Earth companion that reacts with rotating messages as you play
📡 Satellites cross your flight path on real trajectories — hit one and you lose cargo and hull integrity
🔼 A milestone-based upgrade system (Speed Boost, Cargo+, Magnet Field, Shield) that triggers mid-flight without pausing the game
It won't clean the orbit. But if it makes one more person think about the mess we're leaving up there — it did its job.
🔗 Try it live: Remora - Let's Clean our Space
🎨 Figma file: Project File
Can we tag NASA here? 🧠
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?