[Beta] ProtoPie MCP 现已上线!了解更多

[Beta] ProtoPie MCP 现已上线!了解更多

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

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 检查交互、构建新的交互,或捕获画布内容。

功能有哪些?

  • 分析当前原型中的交互。

  • 通过提示词创建图层和布局——创建、修改、排列和样式化图层,以搭建或完善界面。

  • 通过提示词创建交互——例如,为按钮添加一个 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 标签)

习惯使用代码编辑器或终端的设计师和设计工程师

运行 claude mcp add 命令

Codex / Cursor / VS Code / 其他

已经在使用其他 MCP 客户端的用户

可通过命令或配置文件完成端点注册。

了解如何安装和配置 Studio MCP →