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
Built and shipped Emojify, a military-grade encryption SaaS with emoji ciphers, steganography, PGP & more. Fully solo. 🔐
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
Have you ever wanted to send hidden, personal notes to friends that feel far more special than plain text?
For this year’s Config Makeathon, I built Secret Letter Workshop — a web-based cipher workspace to write, encrypt and decode private parchment-style messages.
More than a regular encryption tool, it is a fun space for people to create and share private messages together.
Two ways to create your secret note
🔹 Pre-built cipher presets: 5 ready-to-use encryption algorithms. Pick one instantly to encode and decode your secret messages without setup.
🔹 Custom cipher builder: Design your unique encoding & decoding logic from scratch, fully tailor the secret rule to your own exclusive symbol system.
Where you can use it in daily life
🔸 Pass private little notes to close friends without anyone else reading them
🔸 Hide soft personal thoughts inside your digital journal, locked behind simple cipher logic
🔸 Write hidden surprise notes for birthdays, anniversaries and meetups
🔸 Create exclusive coded messages for small friend meetups or trip group chats
Tools
• Brainstorming & Image generation: Gemini
• Style inspiration: Pinterest
• Design & Vectorize: Figma design
• Website development: Figma Make
🧐 The dancing silhouettes carry a Victorian detective’s secret script
😶🌫️ Unlocking text is a mirrored way to lock it
Beautiful execution
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
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?