什么是Studio MCP?
Studio MCP 会在 ProtoPie Studio 内部启动一个本地 MCP 服务器,使 AI 客户端(如 Claude Desktop、Claude Code、Codex 等)能够读取并控制您当前打开的原型。您只需通过聊天指令,即可让 AI 检查交互、构建新的交互,或捕获画布内容。

功能有哪些?
分析当前原型中的交互。
通过提示词创建图层和布局——创建、修改、排列和样式化图层,以搭建或完善界面。
通过提示词创建交互——例如,为按钮添加一个 Tap 触发器,或者构建一个点击即可翻转卡片的界面。
捕获当前屏幕的预览。
使用要求
ProtoPie Studio 10.3.0 或更高版本(MCP 服务器从 10.3.0 版本开始内置)。
AI 客户端与 ProtoPie Studio 需运行在同一台电脑上。
需要是 ProtoPie 专业版 或 企业版账户。
该连哪个客户端?
连上之后体验都是一样的,差别只在连接方式。选一个跟你当前环境最匹配的就可以。
客户端 | 最适合谁 | 连接方式 |
|---|---|---|
Claude Desktop(聊天版) | 无需编写代码,也不用操作终端——设计师的最佳入门方式。 | 在 Labs 中点击 Open in Claude Desktop → 安装扩展文件(.mcpb)一次 → 自动连接 |
Claude Code(终端 CLI,或 Claude Desktop 里的 Code 标签) | 习惯使用代码编辑器或终端的设计师和设计工程师 | 运行 |
Codex / Cursor / VS Code / 其他 | 已经在使用其他 MCP 客户端的用户 | 可通过命令或配置文件完成端点注册。 |
了解如何安装和配置 Studio MCP →