行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

什么是 Studio MCP?

Studio MCP 在 ProtoPie Studio 内部运行一个本地 MCP 服务器,以便 AI 客户端(Claude Desktop、Claude Code、Codex 等)可以读取并控制您当前打开的原型。您可以直接在聊天对话框中要求 AI 检查交互、构建新交互或捕获画布。

您可以做什么

  • 通过提示词创作图层、布局和交互 —— 创建、修改、排列和设置图层样式,以构建或完善屏幕;例如,为按钮添加“轻按”触发器,或构建一个轻按即可翻转卡片的屏幕。

  • 使用您自己的库 —— 使用 ProtoPie 库中的资产和组件来创建屏幕。

  • 验证原型 —— 检查原型是否符合预期运行,并发现交互或流程中的问题。

  • 使用 ID 锁定特定元素 —— 使用图层、场景、变量、组件、触发器、反应或其他元素 ID 来准确告诉 AI 智能体需要创建或编辑什么。

系统要求

  • ProtoPie Studio 10.3.0 或更高版本(MCP 服务器从 10.3.0 版本起内置)。

  • 您的 AI 客户端和 ProtoPie Studio 必须在同一台电脑上运行。

  • ProtoPie Pro 或 Enterprise 方案。

我应该连接哪个客户端?

连接后的体验完全相同 —— 仅连接方式有所不同。选择最适合您工作流程的一个即可。

客户端

最适合

如何连接(简述)

Claude Desktop (聊天)

希望避免写代码和使用终端的设计师 —— 最简单的途径

在实验室中点击在 Claude Desktop 中打开 → 安装扩展程序 (.mcpb) → 自动连接

Claude Code(终端命令行界面,或 Claude Desktop 中的 Code 标签页)

熟悉代码编辑器或终端的设计师和设计工程师

运行 claude mcp add 命令

Codex / Cursor / VS Code / 其他

已经在海外使用其他 MCP 客户端的人群

通过命令或配置文件注册端点


了解如何安装和设置 Studio MCP