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
WIP!! some updates on my #ConfigMakeathon project, PUNCH IT!
pre-TDLR, test it here: https://punch-it.figma.site/
I've been working on the authentication side of the app so that other people can create their own punch cards to share.
Some major updates:
1. You can now create an account (email + password) and customize your personal card. You'll also get a share link / QR code so that you can collect some punches!
2. You can only edit or remove a punch on your own card. If you are logged in on the same device you signed in on, your browser will automatically know if the card belongs to you or not.
3. You can save individual contact information attached to a punch (as long as the stamp has a name + email attached)
My to-do list:
1. There's some issues with the SISO flow mapping when creating a new card, so I'll be debugging that soon!
2. Need to add a easier way to manage your personal card when viewing it via a share link. Currently, you have to navigate back to the "Create Card" SISO flow.
3. I want to add a feature to collect other people's cards! This increases the gamification aspect + adds to the motivation to get more punches (because other's can see!!)
If you want to test the current prototype, create your own card and share the link in the comments! https://punch-it.figma.site/
It is best experienced on mobile, but desktop works too!
As I'm still iterating, please let me know of any issues you run into or any ideas on how to make PUNCH IT better!
Also!! Thank you to everyone who's been testing out the first demo and leaving some encouraging punches! Those can be viewed on the "Demo Card"
this is so useful for in person networking!
also - don't forget to include your video walkthrough to qualify for a prize!
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
Clean shop
@Figma @Contra HQ What if online communities had a beach instead of just a chat room?🌊
Read fully🚨
Over the past few days, I’ve been building Partly - a browser-based virtual beach party where people can join instantly, create an avatar, explore a tropical island, chat in real time, dance to music, and hang out together.
The goal was simple: make online socializing feel more like being somewhere, rather than just sending messages.
🔗 Try Partly: https://partly.figma.site/
✨ Features:
• Real-time multiplayer world
• Live chat with other players
• Interactive beach environment
• Party stage with music
• Campfire hangout spots
• No downloads required
🚨 Best experienced on desktop for the full beach party experience.
Everything runs directly in the browser, making it easy for friends, communities, and creators to connect and share experiences together.
Tools:
Figma Make
This project was built and iterated using Figma Make, turning ideas into a working prototype through continuous prompts and refinements.
I’d love to hear your thoughts and feedback!
🔗 Try Partly: https://partly.figma.site/
No downloads. No VR. Just join, meet people, and enjoy the party. 🌊
this is wild!
I’m building the lab I wish my students had. 🧪✨
For years, I taught brilliant minds in empty labs. We described reactions instead of seeing them. This "STEM Interaction Gap" drove my submission for the #ConfigMakeathon.
🚀 Introducing: LabCraft AI
Turn static lesson plans into interactive web simulations in seconds. No code—just curriculum.
⚡ The Workflow (via @Figma Make):
AI Design: Generated responsive "Teacher Dashboard" & "Simulation Canvas" layouts instantly.
Logic Mapping: Used Figma Variables to link sliders to real-time flask visual states.
It’s personal. It’s EdTech. It’s the future of STEM.
👇 Explore the Lab:
🚀 Live Prototype: thus-clad-63683861.figma.site
X Post Link: https://x.com/i/status/2064876112128127280
📂 Remix the Prompt: (See the section below!)
📂 The "Secret Sauce" (Remix Prompt)
SYSTEM ROLE: Principal Product Architect. GOAL: Generate a 3-screen STEM web app "LabCraft AI" (1440px) using Clean Neobrutalism (2px borders, 8px corners, 4px hard shadows). SCREENS: 1. Prompt Input Dashboard: Sidebar navigation + center AI input bar (48px height) with hover/focus states. 2. Interactive Lab Canvas: Split view. Left: 2 Sliders (8px track, 24px thumb) in Chemical Green (#01C38D). Right: Simulation viewport with an Erlenmeyer Flask showing dynamic fluid levels. 3. Performance Analytics: Grid of 3 metric cards + line chart with interactive nodes in Science Blue (#2A697). CONSTRAINTS: Use Auto Layout for everything. Semantic layer naming. Accessible palette (#2A6F97, #01C38D, #FF6B6B).
🛠️ Quick Setup for Remixers 😊
If you're trying this prompt in Figma Make, follow these two steps for the best results:
StepAction1. Variable BindBind the generated colors to Local Variables to keep the Neobrutalist palette consistent.2. Prototype SyncLink the "Generate" button to the Lab Canvas using Smart Animate to show off the STEM interaction.
Amazing!
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?