Prototyper 是一款面向视觉领域的 AI 原型设计工具，核心定位是让 AI 智能体在共享画布上构建真实可运行的产品原型。画布上的所有内容都是真实的，原型即产品。
用途
Prototyper 用于将设计想法直接转化为可运行的应用、线框图和幻灯片演示。它面向需要快速设计并交付产品的场景，让设计师、工程师和 AI 智能体在同一画布上协作，从第一张草图直达生产环境。
主要能力
- 智能体协作：支持 Claude Code、Codex、Cursor 或其他 MCP 客户端。智能体可以读取文件、编写真实 React 代码并提交 PR，结果实时呈现在画布旁。内置智能体同样可用。
- 画布与代码双向同步：移动图形，代码随之更新；编辑代码，画布同步变化。设计与代码是同一份工件。
- 多智能体并行：可同时指挥多个智能体，例如一个负责 UI、一个负责测试、一个负责文案，在同一画布上并行工作。
- 设计规则驱动：基于针对 AI 生成痕迹编写的真实设计规则，生成结果看起来是经过选择而非机器生成。
- 三类产出：可运行应用（真实 React，团队可点击）、线框图和演示模式幻灯片（含演讲者备注）。
- 品牌一致性：支持将设计令牌应用到每次渲染。
- 即时预览：无需构建步骤，运行结果立即可见。
- 内置组件库：提供 50+ 类型化、可访问、开箱即用的基础组件。
- 现有工具链集成：支持 GitHub、Drive、Linear、Notion、Figma、MCP 服务器、CI 甚至自研工具，全部可从画布读取。
- 团队协作可见性：人类有光标，智能体有机器人标识，可看到谁在做什么，并共同交付同一个运行中的产品。
- 文件、应用、智能体统一视图：在一个界面中查看所有进行中的工作。
使用方式
方式一：打开 Claude Code，粘贴一行安装命令即可让智能体在画布上工作。方式二：使用 Claude Code、Codex、Cursor 或其他 MCP 客户端，粘贴安装命令后，智能体可在终端中读取文件、写入应用并提交真实 PR，实时同步到 Prototyper 画布。支持在终端或编辑器中通过 MCP 工作，也可将 Prototyper 挂载到 Cursor 或 VS Code 中。完成后发送链接即可让评审者看到运行中的原型。
适用场景
- 独立开发者、设计师和产品团队将初步草图快速转化为可运行产品。
- 设计师在不编写代码的情况下进行设计并交付。
- 团队在同一画布上并行试验多个设计变体，选择最优方案。
- 需要将设计系统、组件库、品牌令牌与实际代码产品保持一致的团队。
- 希望通过现有 AI 订阅（Claude Code 或 Codex）直接接入的开发者。
限制
官方资料中明确提到：免费起步，付费升级可解锁代码导出、协作和高级功能。付费计划中，智能体可将真实代码导出到自己的仓库。支持随时取消并保留作品。关于具体价格、免费版功能范围、各计划详细差异，官方文本提供了链接但未展开具体条款，暂未提供更细化的说明。部分常见问题（如能否携带自己的 Claude Code 或 Codex 订阅、能否保留设计令牌和组件库、能否读取 GitHub 仓库等）以问句形式列出，官方文本未给出对应答案，暂未提供明确结论。
