Dev View 简介

适用于 MCP 企业版。

什么是 Dev View？

Dev View 是 ProtoPie Cloud 中的一个视图，开发人员和设计师可以在此检查原型的设计和交互细节，并通过 Code MCP 将这些上下文传递给 AI 编码代理。打开确切的原型，读取其结构和属性，并复制一个为代理提供精确规范的链接。有关完整工作流程，请参阅上面的 Code MCP 部分。

打开 Dev View

要打开 Dev View，请使用以下任一方法：

• 将鼠标悬停在云端 Pie 上，然后单击 < > Dev View。

• 打开 Pie 的上下文菜单，然后选择 Open Dev View。

• 打开云端 Pie，单击 Pie 名称旁的箭头以展开菜单，然后选择 Open Dev View。

• 将 Dev View URL 粘贴到浏览器中。

要求与访问权限

• 查看需要 企业版（Enterprise） 计划（个人或团队空间）。

• 当您是保存该 Pie 的企业组织成员、拥有 Pie 下载权限且该 Pie 未受密码保护时，才会显示 MCP 链接。

Dev View 界面

选择场景、容器或图层会更新每个面板。

• 图层面板（左侧）—— Pie 的图层层级结构，与 Studio 中一致。

• 画布（中间）—— 所选场景的预览；悬停以查看间距/距离，缩放以检查元素。

• 属性检查器（右侧）—— 设计细节：布局、填充（HEX/RGB/HSL）和文本样式。

• 交互属性（右侧）—— 触发器 → 响应树，显示顺序、延迟、并行时间以及隐藏的交互。

• MCP 选项卡 —— 复制所选内容的上下文链接并打开设置指南。

MCP 选项卡

在未选择任何内容（整个 Pie）、选择场景、组件或图层时，按 Copy link —— 它会固定您正在查看的版本。如果没有下载权限，该链接将被隐藏（“MCP 链接不可用。请让 Pie 所有者授予您组织访问权限和 Pie 下载权限。”）。有关完整流程，请参阅上面的快速入门。

分享

使用顶部栏中的 Copy Link 分享可直接打开 Dev View 的链接。预览链接和 Dev View 链接是分开的。

想在演示中观看 ProtoPie MCP 吗？立即预订Demo演示！