Prototyper is an AI prototyping tool where agents build running React apps, wireframes and decks on a shared canvas. Free plan; paid from $20/month.
Researched and fact-checked by Bartu Cavusoglu · Updated October 26, 2026
Prototyper is a browser-based AI prototyping tool for anything visual. AI agents build running apps, wireframes and slide decks on a shared canvas that a whole team can see and edit. It is made by Protochase, Inc. and led by founder Thijs Verreck, and it is aimed at designers, product managers, founders and agencies.
The central idea is that the prototype is the product. For apps, an agent writes real React code that runs live on the canvas, so there is no separate handoff stage between design and engineering. The company says its agents follow design rules written against the tells of AI-generated output.
A user signs up, opens a workspace and describes a first screen. The built-in agents work immediately, and the result runs as live React on the canvas, where it can be edited, branched and shared. Moving a shape updates the code, and editing the code updates the shape, so both sides stay one artifact.
Users can also connect their own agent. Prototyper is mounted as an MCP server, and Claude Code connects with a single install command. The agent then reads workspace files, builds on the canvas and opens pull requests, while teammates see every change live and can check what each agent changed.
The product covers three outputs: running React apps, wireframes that start as hand-drawn options before the chosen one is built, and present-mode slide decks with speaker notes. A live preview shows the real app rather than a screenshot, with no build step. Several agents can work in parallel, such as one on UI, one on tests and one on copy.
Design system support lets teams keep their tokens and component library, and Prototyper provides 50+ typed, accessible components for agents to compose. The workspace can read GitHub, Drive, Linear, Notion, Figma and MCP servers. Version history reaches 90 days on higher plans, and paid plans can export standard React and Tailwind.
Prototyper is an AI prototyping tool for anything visual. Agents build running React apps, wireframes and slide decks on a shared canvas that a team can edit together. It is made by Protochase, Inc.
Prototyper has a Free plan, Premium at $20/month ($16 billed annually), Team at $30 per seat/month ($24 annually) and Team Business at $100 per seat/month ($80 annually). Enterprise pricing is custom and handled through sales.
Yes. The Free plan is free forever, needs no credit card and has no expiring trial. It includes 5 AI messages per week, 2 workspaces, 100 MCP tool calls per week and 7 days of version history.
Yes. Prototyper supports bringing Claude Code, Codex, Cursor or another MCP client on every plan, including Free. Your agent does the generating, so you are not paying for AI usage twice.
No. You describe what you want and the agent writes the code. Anyone who writes code can open and edit the React directly.
Yes. An agent can export the project as standard React and Tailwind over the MCP connection, and export is included on paid plans. The company states that users own the code they build and export.
Yes. The canvas is multiplayer, so teammates see each other's cursors and changes live, and agents work on the same surface. Team plans add roles and permissions, Google and Microsoft SSO and free viewer seats.
According to Prototyper, those tools are chat-first, with results replacing each other in a transcript. Prototyper is canvas-first, with versions side by side and direct editing like a design tool.