FAQ
Frequently asked questions about the platform
Getting started
Prototyper is an AI prototyping tool for anything visual: your agents build running apps, wireframes and slide decks on a shared canvas with your team, from real design rules, not AI slop. For an app, you describe what you want, an agent writes actual React code, and the result runs live on the canvas where you can edit it, branch it, and ship it. The design is the code, so there's no handoff stage: the prototype is the product.
Figma and Framer give you mockups someone has to rebuild. Prototyper gives you the actual product. The design IS the code, same artifact, same canvas, no handoff stage. The prototype is the product.
Those tools are chat-first: you prompt in a text box and results replace each other in a transcript. Prototyper is canvas-first: versions sit side by side, you steer by pointing at things, and you edit the result directly like a design tool. And instead of paying per generation, you can bring the agent subscription you already have.
No. You describe what you want and the agent writes the code. What matters is knowing what you want the interface to do and reacting to what appears on the canvas. If you do write code, everything is real React you can open and edit by hand.
Sign up free, open a workspace, and describe your first screen. There's no setup step: the built-in agents work immediately, and you can connect your own agent whenever you like.
Agents and AI
Yes. Bring Claude Code, Codex, Cursor or another MCP client on the subscription you already pay for, and use it on the canvas. Your agent does the generating, so you're not buying AI usage twice.
Claude Code, Codex, Cursor or another MCP client. Prototyper also ships with built-in agents, so you can start without connecting anything.
Mount Prototyper as an MCP server in your agent's configuration. Once connected, your agent gets the full workspace toolset: it reads your files, builds on the canvas, and everything it does shows up live for you and your team.
No. The built-in agents work out of the box on every plan. Connecting your own agent is worthwhile when you iterate heavily, because generation then rides on the flat-rate plan you already pay for.
Pricing and billing
Yes. The Free plan is free forever and doesn't ask for a credit card; there's no trial that expires. Paid plans add export, collaboration, and advanced features when you're ready.
Premium is $20/month ($16/month billed annually). Team is $30 per editor seat/month ($24 annually) with AI credits pooled across the team; viewers are always free. Team Business is $100 per seat/month ($80 annually) for orgs that need more pooled credit and controls.
Yes. You can change or cancel your plan whenever you like from your account's billing settings, and your invoices live there too. If you cancel, you keep the Free plan and your work stays yours.
Payments run through Stripe, so all major credit and debit cards are accepted.
Your work and your code
Yes, 100%. Everything you build and export is yours: no licensing restrictions, no attribution requirements. Ship it, sell it, or open-source it.
Ask your agent to export it from your workspace as real React code, over the same MCP connection it builds with. There's no proprietary format in the way: what you designed on the canvas is the code you take with you. Export is included on paid plans.
No download needed: Prototyper runs in your browser. Your workspaces are saved to your account, so you can pick up where you left off from any machine.
Yes. Exports are standard React and Tailwind with a component structure that mirrors what you built, so you can drop individual components into an existing project rather than adopting a monolith.
Working together
Yes. The canvas is multiplayer: teammates see each other's cursors and changes live, and agents work on the same surface alongside everyone. The Team plan covers editor seats, and viewers are always free.
Send the link. A link is a workspace, so whoever opens it sees the real, running thing rather than a screenshot. You choose whether they can view or edit.
Start building with Prototyper.
Open the workspace. Drop in an idea. Let an agent take the first shot. Ship the same artifact you sketched.