Wireframing: Discover New Products

Wireframing maps ideas into simple screens and user flows before code. These tools combine sitemaps, mockups, and prototypes for designers, PMs, and teams.

Explore related categories

Framer AI Agents — Design and publish professional sites with AI

Design Tools•Website Builder•Artificial Intelligence

Highest rated wireframing products

Highest rated

Figma anchors end-to-end UI work with multiuser editing, components/variables, Auto Layout, interactive prototypes, Dev Mode specs, and FigJam for workshops. Whimsical excels at fast, low‑fi wireframes, flows, and mind maps with AI assists and templates—great for product discovery and alignment. Octopus targets website IA: visual sitemaps with lo‑fi wireframes, AI sitemap/content, SEO fields, Figma sync, and exports.

Summarized with AI

Showing 1-14 of 14 products

Forum discussions

TypMo

Whiteboard to wireframe in 30 seconds

You just finished a brainstorm session. The whiteboard is covered in boxes, arrows, and brilliant ideas. Now what? Redraw it all in Figma? Spend an hour translating it to a prototype? With TypMo's Image-to-IA feature, you can snap a photo and get a working wireframe in under a minute.
The AI recognizes common wireframe conventions: an X in a box becomes an image placeholder, circles become avatars, rows of lines become tables. Write "Search" next to a rectangle and it becomes a search bar. Your napkin sketch becomes a clickable prototype before your coffee gets cold.
Check this 20 second Sketch to Wireframe video
Tips for Better Imports

Use high contrast Black marker on white paper works best. Faded dry-erase markers confuse the AI.
Label your components Write "Logo", "Search", or "Button" next to your drawings. The AI reads your handwriting.
Photograph straight-on Avoid angles that distort proportions. Good lighting reduces shadows.
Show structure clearly Draw lines to separate Header, Main, and Footer areas. Group related items with boxes.
Start simple Import the core layout first, then add details in the editor.
Lets go!!!

6 comments•142 views

8mo ago

SlimSnap

Builders, which app do you take the most screenshots in?

Quick one for the builders here. During a normal workday, where do you actually capture the most, Figma, your browser, an IDE, Linear, somewhere else? I'm trying to map where the volume is, because where people take screenshots seems to matter more than where they paste them. Curious what your day looks like.

9 comments•80 views

2mo ago

Product Hunt Favorites

What do you prefer for brainstorming - Miro, Figjam or other?

Here at Product Hunt, we found that we were slowly shifting away from @Miro and defaulting to @Notion for typing up brainstorming notes during meetings (we use @Tandem so already have built-in breakout rooms, ambient music options and timers).

So we decided to cancel our Miro account and continue to use Notion or switch to a Figjam board if we really needed a sticky notes format (we're already using Figma so it helps reduce the number of tools we are using). *Spoiler alert: we haven't needed to use a sticky note board yet...

11 comments•312 views

1yr ago

What tools do you use for Content Ideation? Notion for copy and a Figma comparable for brainstorms and roadmaps? Curious what other folks use!

9 comments•18 views

1yr ago

See more forum threads

Related categories

Wireframing