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

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

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

菜单

介绍 ProtoPie

入门

制作你的第一个原型

ProtoPie 生态系统

ProtoPie Studio 界面

导入

入门

从 Adobe XD 导入

从 Figma 导入

从 Sketch 导入

ProtoPie 精灵

基本元素

容器

设备

图层

预览窗口

场景

滚动/分页

快捷键

系统状态栏

触发条件与响应

缓动

注释

回复

时间线

触发器

公式

入门

功能

图层属性

语法

公式使用场景

变量

入门

变量

预定义变量

变量使用案例

AI

入门

AI 交互创作

AI 文档问答

AI 面板界面

获得最佳效果的提示

ProtoPie MCP

Getting Started

Studio MCP 介绍

Studio MCP 安装与设置

Code MCP Introduction

Code MCP 安装与设置

Dev View 开发者视图

自动布局

入门

自动布局属性

组件

入门

组件指南

编辑组件

嵌套组件

发送和接收消息

交互库

入门

管理交互库

管理图书馆会员

语音原型设计

入门

收听回复

朗读回复

应用场景

语音命令触发

连接设备

连接 blokdots

连接移动设备

ProtoPie Cloud

入门

管理原型

管理存储

共享原型

ProtoPie Player

测试原型

管理字体

离线测试

适用于 Wear OS 的 ProtoPie Player

团队

入门

编辑者和查看者

让您的团队快速上手

项目

团队所有者和团队管理员

交接

入门

创建交互录制

管理交互录制

录制页面

用户测试

入门

概述

创建测试房间

外部集成

管理测试会话

测试结果与分析

ProtoPie Cloud 上的用户测试

ProtoPie Connec

入门

API 插件

Arduino 插件

blokdots 插件

嵌入式 Connect

自定义层集成

自定义插件

连接设备

游戏手柄插件

IFTTT 插件

罗技 G29 方向盘插件

测试原型

功能比较

Unity 插件

ProtoPie 企业版

入门

组织设置

服务管理员

单点登录(SSO)

安全

概述

访问控制

数据传输、存储与备份

事件响应

网络与 ProtoPie Player 应用的安全性

物理安全

风险管理

交互库

交互库在 ProtoPie Cloud 中充当便捷的组件存储库。这些库使你和团队成员能够在原型中轻松、快速地使用组件实例。


{'_type': 'localeString', 'en': 'interaction-libraries'}

ProtoPie 中有三种不同类型的交互库:

  1. 团队库Pro 方案Enterprise 方案):团队库支持团队内协作。团队中的任何编辑者都可以创建和管理团队库,允许多个团队成员共同贡献和修改组件。存储在团队库中的组件可供团队内所有编辑者访问,从而促进无缝协作与一致性。

  2. 个人库(所有方案):个人库专为个人使用而设计。你可以在云端的个人空间中创建个人库。这些库仅供你使用,使你能够根据自己的特定需求和偏好来组织和复用组件。

  3. 公共库(所有方案):公共库对所有用户开放,可作为常用组件的标准化库。公共库示例包括 Material Design 和 iOS 交互库。你可以利用这些库中的组件来简化原型制作流程,并与既有设计模式保持一致。

创建交互库

要创建新的交互库,请按照以下简单步骤操作:

  1. 前往组件面板,找到“搜索组件...”区域。

  2. 在“搜索组件...”区域右侧,你会看到一个书架图标。点击该图标,然后点击“+”按钮开始创建流程。

  3. 为你的库提供一个能够准确描述其用途的名称。你也可以选择添加描述,以提供有关该库的额外背景或详细信息。

  4. 指定名称和描述后,点击 Create 按钮完成创建。


{'_type': 'localeString', 'en': 'CreateLibrary', 'ja': 'CreateLibrary', 'ko': 'CreateLibrary', 'zh': 'CreateLibrary'}

新库窗口将会打开,你会注意到组件面板中显示了 Currently Editing 标签。在窗口顶部,你会看到一个醒目的横幅。该横幅可作为可视化指示,表明你正处于库编辑模式

{'_type': 'localeString', 'en': 'LibraryEditMode', 'ja': 'LibraryEditMode', 'ko': 'LibraryEditMode', 'zh': 'LibraryEditMode'}

发布交互库

为确保你和团队能够访问交互库中的最新组件,请务必将更改发布到云端。请按以下步骤操作:

  1. 保存更改:在发布前,请确保已保存你对交互库所做的任何修改或更新。

  2. 找到并点击 Publish 按钮:你可以在两个位置找到 Publish 按钮。它位于库窗口中紫色横幅的右侧,或者位于 ProtoPie Studio 的右上角。找到 Publish 按钮后,点击它以启动发布流程。

{'_type': 'localeString', 'en': 'HowtoPublish', 'ja': 'HowtoPublish', 'ko': 'HowtoPublish', 'zh': 'HowtoPublish'}

添加组件实例

要将组件实例添加到原型中,请按照以下简单步骤操作:

  1. 拖放:先在组件面板中从任意交互库选择一个组件。选择所需组件后,只需将其从面板拖拽并放到场景画布上。

  2. 多个库,多个实例:你也可以从多个交互库创建组件实例。

{'_type': 'localeString', 'en': 'UseComponents', 'ja': 'UseComponents', 'ko': 'UseComponents', 'zh': 'UseComponents'}

更新交互库

为确保你的原型与交互库中的最新更改保持同步,请按以下步骤操作:

  1. 选择要更新的库:点击 Update Library 图标以打开 Update Library 窗口。在这里,你可以选择要更新哪些交互库,以包含最新更改。

  2. 手动刷新:或者,你也可以点击右上角的刷新图标来手动刷新库。这样你就可以检查库是否有任何新更新。

如果你的原型中作为实例使用组件的任一交互库已更新,你会在 Update Library 图标上收到通知。

{'_type': 'localeString', 'en': 'UpdateLibrary', 'ja': 'UpdateLibrary', 'ko': 'UpdateLibrary', 'zh': 'UpdateLibrary'}

导出为新库

创建库并不总是需要你逐个添加组件。如果你已经有一个包含本地组件的 Pie,只需几个步骤即可方便地将其导出为新库:

  1. 点击 File:打开菜单并进入 File 选项。

  2. 选择 Export as New Library:从菜单中选择 Export as New Library 选项。将你的 Pie 导出为新库后,你可以一次性轻松地将其中包含的所有组件转移到该库中。

{'_type': 'localeString', 'en': 'ExportNewLibrary', 'ja': 'ExportNewLibrary', 'ko': 'ExportNewLibrary', 'zh': 'ExportNewLibrary'}

导出到库


{'_type': 'localeString', 'en': 'Export to library', 'ja': 'Export to library', 'ko': 'Export to library', 'zh': 'Export to library'}

除了将本地组件导出为新库之外,你还可以通过点击“本地组件”部分中的Export to Library图标,将 Pie 中的本地组件导出到现有库。


{'_type': 'localeString', 'en': 'Export to Library Window', 'ja': 'Export to Library Window', 'ko': 'Export to Library Window', 'zh': 'Export to Library Window'}

在 Export to Library 窗口中,你可以轻松选择一个或多个要导出的组件。然后,选择你希望将这些组件导出到的目标库。如果你希望导出的库立即可用,也可以选择在导出后立即发布。

搜索和筛选库

现在,你可以通过库设置模态框中的下拉菜单搜索特定库,并选择在面板中显示哪些库。此增强功能可帮助你轻松定位并专注于所需的库。


{'_type': 'localeString', 'en': 'Filter Libraries 1'}


{'_type': 'localeString', 'en': 'Filter Libraries 2'}

处理团队库中的冲突

当多个团队成员同时在 ProtoPie 中对团队库进行更改时,可能会发生冲突。如果有人已经将更改发布到你当前正在编辑的同一个库,系统将显示警告消息。处理冲突时,你有两个选项:

  1. 用你自己的更改覆盖:如果你选择此选项,你自己的库版本将成为最新版本,并替换他人的更改。

  2. 将库更新到新版本:如果你选择此选项,将应用库的新版本(包含他人的更改)。你的更改将被放弃,以最新版本为准。

{'_type': 'localeString', 'en': 'ConflictControl', 'ja': 'ConflictControl', 'ko': 'ConflictControl', 'zh': 'ConflictControl'}