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
There's a moment every designer knows before the colors, before the components, before the polish where you're just trying to figure out how the thing should work.
That's the wireframe stage. And AI has been skipping it entirely.
Tools like Google Stitch can generate a beautiful screen in seconds. What they can't give you is the thinking behind it the structure, the flow, the layout logic that makes a product actually make sense.
WiFrame is built for that gap.
WiFrame is an AI-powered wireframe generation platform that turns raw product ideas into editable, low-fidelity wireframes for web and mobile directly on a Figma-parity canvas.
Describe your idea via text, voice, or a hand-drawn sketch. WiFrame handles the rest.
Not flattened images. Not locked mockups. Real editable frames, shapes, text layers, and structured components you can actually work with.
What makes it different
Grounded in real design patterns
Before generating anything, WeFrame pulls inspiration from Mobbin, Dribbble, Behance, and Awwwards the same references designers actually use. The output reflects real UX patterns, not generic templates.
Thinks in flows, not just screens
Ask for sticky navbars, hamburger menus, sidebar layouts, dashboard structures, or multi-screen onboarding and the entire system adapts. WeFrame understands how screens relate to each other, not just what goes on one.
Bring Your Own AI
Connect OpenAI, Claude, Gemini, or your own custom API. Use your own credits, pick your preferred model, and generate without platform restrictions. WeFrame becomes your AI-powered creative workspace not another tool with a paywall.
Fully editable canvas
Every element is real and modifiable. Rearrange layouts, swap components, edit copy, customize sections — all inside the canvas. A wireframe you can't edit isn't a wireframe.
Ships straight to Figma
Export directly into Figma via structured FigSpec JSON or native plugin. Layers, naming, and hierarchy stay intact. No rebuilding. No friction.
Sketch-to-wireframe
Upload a napkin sketch, a brief doc, or rough notes. WiFrame reads them as creative direction and translates them into a structured wireframe system.
Built end-to-end for the Contra × Figma #ConfigMakeathon.
The prototype doesn't yet show the full vision — AI credit limits during development meant some features couldn't be fully realized — but the problem space, workflow, and foundation are very real.
WiFrame is built for the future of product ideation: where inspiration, wireframing, and AI generation live in one seamless flow.
Idea → interface → product. Faster than ever.
WiFrame — Design Begins Here
🔗 Live demo: [Figma.site link]
📁 Figma Community File: [Community file link]
#ConfigMakeathon #FigmaMake #Wireframing #AIDesign #UXDesign #ProductDesign #UIDesign
nice job
Thank you very much.
Will surely check it out!
Thanks, I will be expecting your feedback.
This caught my eye immediately. There’s something really smooth about the way everything comes together great job on this!
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
SPOT THE BOT, a gallery game about telling human creativity from a machine's
The problem. AI can now create almost anything, and for designers that's not abstract. The fear is that taste, judgment, the human "tell" in a piece of work no longer counts for anything. So instead of arguing about it, we made a game out of it.
The idea. Everyone gets the same prompt ("give beige a personality," "what keeps you up at 3am"), the same fixed kit of pieces, and 30 seconds. So does an AI. Every tile lands on a gallery wall, and players vote: which one is the bot? Then comes the reveal: who fooled you, and who you fooled. The constraint is the whole point. When everyone has identical pieces, the only thing separating the tiles is taste, wit, and choice, the human stuff. Right now the bot fools 72% of players, and every round feeds that number: a live, accumulating measure of where human judgment still holds the line.
The build & workflow. Designed and built end to end in the Figma ecosystem: the editor, the real-time multiplayer rounds (MAKE, VOTE, REVEAL), and the MUSEUM of every player-made tile. The asset kits (risograph, torn paper, duct tape, liquid metal, and more) were generated with Weavy.ai.
It's recursive by design: a game about spotting machine-made art, built with the machine's own creative tools. The medium is the argument.
Try it Live: Spot The Bot
Figma Community file: Community File
No sign-up. 30 seconds. Learn to see the human.
Good work!
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!
Good templates don’t look templated.
My new framer template business tahl.shop brings studio-quality websites without the complexity of a custom build.
Get ready for the full brand video that drops next week.
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?