# Prototyper

> Prototyper is the first visual workspace for your agents and your team. Give Claude Code, Codex, Cursor, and other agents a shared infinite canvas where plans, apps, and diagrams become real, running work.

Prototyper puts coding agents on an infinite canvas. You (and your team) work visually — sketching flows, arranging screens, writing briefs — while your agents do real work on the same surface: they write actual React code, run it live in the workspace, build design systems, review each other's output, and coordinate through a shared file system. The canvas is the interface; the agent is yours.

Key ideas:

- Bring your own agent: connect the Claude Code, Codex, Cursor, or Copilot subscription you already have. Prototyper is the workspace, not the model.
- Real code, running live: agents produce actual React + Tailwind applications that compile and run inside the canvas — the app, not a screenshot.
- A shared surface: humans and agents see and edit the same canvas. Plans, diagrams, briefs, and working apps live side by side.
- MCP-native: mount your workspace as an MCP tool so any MCP-capable agent can read, write, and build in it — scripted, headless, or scheduled.
- Teams and folders: work lives in personal and team spaces with projects (folders), roles, and free viewers.

## Docs

- [Docs](https://www.prototyper.co/docs): Getting started, connecting your agent, prompt engineering. Every docs page has a markdown twin — append `.md` to its URL.
- [Connect your agent](https://www.prototyper.co/docs/01-getting-started/connect-your-agent): Point Claude Code, Codex, or any MCP-capable agent at a workspace.
- [Knowledge base](https://www.prototyper.co/knowledge-base): Guides and tutorials.
- [FAQ](https://www.prototyper.co/faq): Plans, bring-your-own-agent, code ownership.

## Product

- [Homepage](https://www.prototyper.co/): What Prototyper is and how agents work on the canvas.
- [Canvas](https://www.prototyper.co/canvas): The infinite canvas where ideas become running apps.
- [Live preview](https://www.prototyper.co/live-preview): The app, not a screenshot, running in the workspace.
- [Collaborate](https://www.prototyper.co/collaborate): Multiplayer for your team and their agents.
- [Agents](https://www.prototyper.co/agents): Claude Code, Codex, and Cursor on your surface.
- [Workspace](https://www.prototyper.co/workspace): Files, design tokens, and skills in one library.
- [Components](https://www.prototyper.co/components): Accessible, typed components agents compose.
- [Design system](https://www.prototyper.co/design-system): Your tokens, one language across every render.
- [Pricing](https://www.prototyper.co/pricing): Free forever to start — no credit card. Premium, Team, and Team Business paid plans; viewers are always free. Current pricing lives on the page.

## Who it's for

- [Prototyper for designers: your design runs](https://www.prototyper.co/for/designers): Your design runs.
- [Prototyper for product managers: brief to build](https://www.prototyper.co/for/product-managers): The brief becomes the build.
- [Prototyper for founders: try ten, ship the one](https://www.prototyper.co/for/founders): Try ten directions. Commit to one.
- [Prototyper for agencies: review the real product](https://www.prototyper.co/for/agencies): Show clients the real thing.

## Comparisons

- [All comparisons](https://www.prototyper.co/vs): How Prototyper differs from design and prototyping tools.
- [Prototyper vs Figma](https://www.prototyper.co/vs/figma): A Figma alternative where designs already run: real React apps on an infinite canvas, built with your AI agents and ready to test or ship.
- [Prototyper vs Balsamiq](https://www.prototyper.co/vs/balsamiq): A Balsamiq alternative for the AI era: sketch a low-fi idea, then let an agent turn it into a working interface on the same canvas.
- [Prototyper vs Sketch](https://www.prototyper.co/vs/sketch): A Sketch alternative where the design runs: real React apps on a multiplayer canvas in any browser, built with the AI agent you already subscribe to.
- [Prototyper vs UXPin](https://www.prototyper.co/vs/uxpin): A UXPin alternative that goes past code-backed components: agents build real React apps on a multiplayer canvas, and the prototype is the code you ship.

## For agents

- [llms-full.txt](https://www.prototyper.co/llms-full.txt): The full corpus in one document.
- [MCP server card](https://www.prototyper.co/.well-known/mcp/server-card.json): Prototyper exposes workspaces over MCP — agents get a virtual file system (read, write, glob, grep, patch, exec) plus canvas primitives.

## Optional

- [Changelog](https://www.prototyper.co/changelog): What we ship, as we ship it.
- [Changelog RSS](https://www.prototyper.co/changelog/rss.xml): Release feed.
- [Blog](https://www.prototyper.co/blog): Product updates and essays.
- [Blog RSS](https://www.prototyper.co/blog/rss.xml): Post feed.
- [Our story](https://www.prototyper.co/story): Why we're building Prototyper.
- [Contact](mailto:support@prototyper.co): Support and general inquiries.
- [X](https://x.com/prototyper_co): Prototyper on X.
- [GitHub](https://github.com/PrototyperAI/prototyper-ui): Prototyper UI, the open component library.
- [LinkedIn](https://www.linkedin.com/company/prototyperco): Company page.