AI 可以在几秒钟内生成 UI 并编写代码，但当你要把它变成真正丰富、可交互的体验时，往往会卡在“上下文、控制力和集成能力”上。
今天，这个问题将得到解决：ProtoPie MCP 正式发布。
该版本弥合了 AI 生成与生产级原型设计之间的差距。通过支持自定义 ProtoPie 组件库、通过元素 ID 精准定位目标，并借助对 React Native 等框架的代码生成支持，更快地搭建、打磨并交付高级交互原型。
想看看 ProtoPie MCP 的实际效果吗？
欢迎参加于10月13日晚上 7:00(EDT)举办的 [用 ProtoPie MCP 快速构建汽车 HMI 原型] 网络研讨会。
ProtoPie MCP 有哪些新功能？
使用您自己的组件库
使用团队已有的组件构建原型。
Studio MCP 现在可以浏览你已启用的 ProtoPie 组件库，并将库中的组件以实例形式添加到原型中。这样一来，在创建新页面的同时，你现有的组件和设计系统依然可以保留在工作流中。
通过 ID 精准定位元素
让 AI Agent 更精准地找到目标。
你现在可以复制特定图层、场景、变量、组件、触发器、响应或其他受支持元素的 ID，并将其加入提示词中。
不用再描述你想改哪个元素，直接把它的 ID 交给 AI Agent 即可。
“修改 [元素 ID] 的交互。”
这使得 AI 辅助编辑更加精准，尤其是在处理复杂的原型时。
生成支持 React Native 的代码
随着 React Native 的加入，Code MCP 现在支持更多用于 AI 驱动代码生成的框架。Code MCP 官方支持：
React
React Native
Qt / QML
Flutter
SwiftUI
Compose
ArkTS
为工作流选择合适的 MCP 方案
ProtoPie MCP 提供两种方案，取决于你想在产品工作流中把 AI 用到什么程度。
MCP Core：通过 Studio MCP 使用您自己的 AI 构建和完善先进的原型。适用于专业版。
MCP Enterprise：通过 Studio MCP、Code MCP 和 Dev View 将您的原型推进到开发阶段。适用于企业版。
从 AI 提示词到产品落地
ProtoPie MCP 将 AI 连接到完整的产品工作流：提示词 → 原型 → 验证 → 代码。
使用您自己的 AI 构建并打磨原型，与用户一起测试，通过 ProtoPie Connect 用真实的硬件验证交互，并在开发前进行完善。随后，Code MCP 和 Dev View 会将这些原型上下文带入 AI 驱动的代码生成中。
借助 AI 更快构建，在 ProtoPie 中进行完善。在更丰富的上下文支持下过渡到代码。
