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
CommonZone: Transform vacant commercial buildings into vibrant, affordable communities with an interactive platform that visualizes potential renovations and engages users.
The US is short more than 4 million homes, while empty malls and offices sit idle across the country. The space already exists. We just tear it down instead of rethinking it.
Pick a real vacant building, like Lakeside Mall or the Free Press building, design a community on its actual footprint, and watch the impact add up live: homes, jobs, emissions cut, cost.
Upload your own building and an AI render engine I built in Figma Weave reimagines it: green roofs, solar, community space.
Built in Figma Make, with a Supabase backend, an MCP-generated design system, and a Weave render pipeline. It took real iteration (Version 60).
Turning vacant into vital.
Made for the @contra x @figma Makeathon #ConfigMakeathon #FigmaMakeathon
Community (Supabase disconnected): https://www.figma.com/community/file/1648327485457067784
impressive work 👌, very clean and professional
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’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!
Hey everyone!
I made Meadow🙌 — a small, shared corner to step out of the world for a minute.
Some days the world is just a lot. Meadow is a small, shared corner to step out of it for a minute.
It's a living garden grown by strangers — every flower in it was built, petal by petal, by a real person somewhere, and the field keeps growing with each one. Make your own bloom from scratch: shape the petals, choose the colors, set its height, give the stem its own curve and leaves. Plant it, and it joins the meadow for the next person to find.
Flowers growing close together slowly cross-pollinate, blending traits with their neighbors — so the garden quietly evolves on its own, untended. Go still, and tiny creatures wander out to rest on the petals. Hover, and the others lean aside to let one shine. When it looks beautiful, snap a picture to keep or share.
Built entirely in Figma Make with a Supabase backend: a procedural flower engine generates every bloom from its own set of traits, so no two are ever alike — and because the meadow is a shared, persistent garden, every flower you and strangers plant stays in the field as it grows, without limit.
A calm place, made by many hands.
Come along plant a flower
Enter Meadow
Community
https://www.figma.com/community/file/1646430748930612604/meadow
@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!
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?