How Product Managers Build Their Own Prototypes: 20 Tools From Idea to Impact, the infographic in this PDF

Product management

How Product Managers Build Their Own Prototypes: 20 Tools From Idea to Impact

Build your own prototype in hours: five steps from research to proof, the 20 tools behind them, and the memory that makes each idea start smarter.

Want this as a PDF?

You'll also get The Product System, my weekly note on leading product in the AI era. Unsubscribe anytime, and I'll never sell your email. How I handle your details

1

The full infographic, as a PDF

The exact one from the post, sized to print or keep within reach.

2

A copy in your inbox

The download link lands in your email too, so it's there when you need it. No follow-up campaign.

3

The Product System, weekly

My note on leading product in the AI era. One idea a week that compounds. Unsubscribe anytime.

Stop asking your engineers or designers for prototypes you can build yourself. You can do it in hours.

The best product managers I've coached don't pitch ideas and hope. They build a quick prototype, get a real answer and bring the insight back to their team. The conversation then starts with evidence rather than a slide.

You don't need code or a big setup to start. Below are the five steps from idea to proof, the 20 tools on the infographic and the one connection that makes them more than a pile of subscriptions.

Research the market and your competitors

Start with Perplexity and Firecrawl. Perplexity gives market research with real sources. Firecrawl turns messy websites into clean research you can work with.

The payoff is a straight answer in an hour, not a week. You go into the next step knowing what already exists and where the gap might be.

Turn the rough idea into a clickable prototype

Use Lovable or Figma. Lovable takes a description of the app and gives you a working one back. Figma gets you from wireframe to clickable in an afternoon.

The payoff is a working version by lunch, not a two-week build. A rough working version answers questions that a document never will, because people can react to it. It does not need to be pretty. It needs to be real enough that someone can try to use it and show you where it falls short.

Put it in front of real users

Ship it with Vercel and test it in Maze. Vercel puts it in front of users in minutes. Maze lets you watch real users try the prototype.

The payoff is that you see what people do, not just what they say. Those two are often different, and the difference is where the learning is. Watching a handful of people get stuck on the same screen tells you more than a long survey about what they think they would want.

Let the data kill the weak ideas

Use PostHog and Framer. Framer gives you a landing page or waitlist to test demand. PostHog shows what users do once they arrive.

The payoff is the sprint you save. A weak idea that dies here costs you a few hours. The same idea found out the hard way costs a sprint, or more.

Bring the result back to your team

Capture what you learned in Notion and turn it into work in Linear. Notion holds the team knowledge and product documentation. Linear turns the validated idea into shipped work.

The payoff is that you start the conversation with proof, not a pitch. Engineers and designers get a tested idea with evidence attached, which is a very different request from "can you build me something to see if this works".

The 20 tools, from idea to impact

The infographic splits the tools into two halves.

The idea half is about thinking, learning and remembering. Claude Code, to reason through the hard calls and then build. ChatGPT, a brainstorming partner for messy problems. Gemini, to read a whole repo or PDF in one pass. Perplexity, Notion, Granola (every call becomes notes and actions), Firecrawl, NotebookLM (ask your research questions and get cited answers), Dovetail (interviews turned into insight the team reuses) and Obsidian, a personal product memory and thinking system.

The impact half is about building, shipping and proving. Figma, Lovable, v0 (a prompt turned into real, usable UI), Supabase (a real backend without a backend team), Framer, Vercel, PostHog, Maze, Linear and GitHub, to version it, ship it and never lose it.

Connected tools compound, and memory is the connector

On their own these tools are useful. Connected, they compound. The easiest place to connect them is memory.

Claude Code is where you think, research and build. Connect it to Obsidian as the memory that holds every idea, decision and result. Now each idea you run leaves a trail, so the next one starts from everything the last one taught you, not a blank page.

It's how I run mine. It's the difference between a system that gets better every time and 20 tools you keep re-teaching.

For a different angle on the same question, Product Manager Tool Stack (/vault/product-manager-tool-stack) covers how two questions changed which tools earn a place in the first place.

Start with one idea this week

You can start this week, with tools you already use. You don't need all 20. Most product managers already have a few of them open every day. Pick one tool for each of the five steps and ignore the rest until you need them.

Take one idea you keep circling, run it through the five steps and have the answer back in hours. Write down what you learned, where it lives and what you would do differently next time. Do it once and you've already changed how you work.

Questions people ask

Can a product manager build a prototype without engineers?
Yes. Tools like Lovable and Figma let you turn a description or wireframe into a clickable prototype without writing code. You can then put it in front of users with Vercel and test it with Maze. The aim is not to replace engineering, but to bring the team a tested idea with evidence instead of an untested pitch.
What are the best AI tools for product managers to validate an idea?
A simple chain works well: Perplexity and Firecrawl for market and competitor research, Lovable or Figma for the prototype, Vercel and Maze to test with real users, PostHog and Framer to measure demand, and Notion and Linear to capture the result and turn it into work.
How long does it take to validate a product idea with a prototype?
With the right tools, the first answer can come back in hours rather than weeks. Research can take an hour, a working prototype can be ready by lunch, and real user behaviour can be visible the same day. The time saved is mostly the sprint you would otherwise spend building the wrong thing.
Why connect AI tools to a memory system like Obsidian?
Without memory, every new idea starts from a blank page and you keep re-teaching your tools. Connecting a tool like Claude Code to Obsidian means each idea, decision and result is stored, so the next experiment starts from what the last one taught you. That is what makes the system improve over time.
What should a product manager bring to the team after testing a prototype?
Bring the prototype and the results, captured somewhere the team can read, such as Notion, and turn the validated idea into tracked work in a tool like Linear. Starting with evidence of what users did makes the conversation about what to build next, rather than whether the idea is worth trying.