[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

产品文档

社区

菜单

Code MCP 简介

Code MCP 在您的机器上运行一个本地的、只读的 MCP 服务器,以便 AI 编码智能体(如 Claude Code、Codex、Cursor、VS Code、Antigravity 等)能够将制作好的 ProtoPie 原型转化为真实的代码。

与 Studio MCP 不同,Code MCP 是基于链接的:您将智能体指向一个 ProtoPie Cloud 链接(Pie 的 URL 或从 Dev View 复制的链接),它就会精确读取该链接指向的 Pie 和版本,并提取所需的场景、图层、组件、变量以及触发器-响应交互。它通过 npx 在本地运行,并使用您自己的账户权限通过 OAuth 与 ProtoPie Cloud 进行通信。

您可以做什么

  • 在您的框架(React、SwiftUI、Compose、Flutter、QML、ArkTS)中,通过一个链接实现整个原型,或者一个场景、组件、图层。

  • 检查结构和行为:场景/图层树、组件、变量,以及它们背后的交互、条件和公式。

  • 提取原始素材(图像、字体、缩略图),以便生成的代码保持完整的视觉保真度。

要求

  • Node.js 20 或更高版本。

  • 拥有该 Pie 下载权限ProtoPie Cloud 账户(参见 Access and permissions)。

  • 支持的 MCP 客户端:Claude Code、Codex、Cursor、VS Code、Antigravity 或任何其他支持 MCP 的智能体。

它不能做什么

  • 仅将 .pie 转换为代码;它不能将代码转换回 .pie

  • 它向您的智能体提供准确的规范,但最终的代码质量取决于您的智能体和提示词(prompts)。

  • 目前仅限本地(stdio)服务器 —— 尚无远程服务器。

了解 如何安装和设置 Code MCP