行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

发布

4

阅读时间

ProtoPie 5.0:借助交互录制与资源库,沟通不再有误解

告别交互规范文档!使用交互录制,不止于交接,并通过交互库确保整体一致性。

弗雷多·谭, 增长负责人

想象一下,如果……你的原型设计工作流程会变得轻松多少

  • ……你可以创建库,并在不同原型之间以及团队内轻松复用交互。

  • ……你不再需要制作费时费力的交互规格文档。只需发送一个链接,工程师就能获得他们所需的全部交互规格。某种意义上,这远不只是交接。

今天,我们发布了全新的 ProtoPie 5.0,实现设计师最天马行空的想象。本次更新包含 2 个主要功能:

  • 交互录制,远不只是交接

  • 交互库

交互录制,远不只是 交接


Interaction specs shown in web browser


工程师所需的全部交互规格,尽在同一页面。

只需让你的工程师跟着录制内容操作即可。非常简单。

这正是关键所在。

通过录制原型中的任意交互来创建交互录制。基于交互流程,ProtoPie 会生成工程师实现你的交互设计所需的全部交互规格。


Interaction spec of navigation app gif


只需将交互录制分享给你的工程师。

比如时长、延迟、缓动和图层属性。全部都在其中。试试这个示例交互录制

无需再 解释

这比交接要多得多。你可以轻松分享带有可视化文档的原型,覆盖每个触发与响应的所有动作和细节。全部基于你设计的用户旅程。

不留任何可被误解的空间。你可以带着意图、语境和精准度来传达每个交互。

进一步了解交互录制。

交互库


ProtoPie studio showing team library panel


使用 ProtoPie 的全新库创建你自己的交互设计系统。

在早期更新中,我们引入了组件和嵌套组件。合乎逻辑的下一步,确实是整合你的组件,并在不同原型之间以及团队内轻松复用它们。

任何人都可以创建自己的交互库。你可以在左侧的组件面板中找到所有交互库。

共有 3 种库类型。

团队库(仅限 Pro 和 Enterprise 计划)

团队中的任何编辑者都可以创建团队库,并邀请其他编辑者对团队库进行修改。团队库中的组件可供团队内所有编辑者使用。


Team interaction library for components


邀请你的团队成员修改团队库,共同标准化交互。

个人库(所有 计划)

你可以在云端的个人空间中创建个人库。只有你可以使用个人库中的组件。

公共库(所有 计划)

你可以使用公共库中的任何组件,这些库作为任何人都可使用的标准库。当前可用的前两个公共库是 Material Design 和 iOS 交互库。

如何创建库?

你可以在组件面板中的团队库或个人库部分,点击右侧任意一个 + 按钮来创建新的交互库。为库命名并添加可选描述后,点击 Create 按钮即可创建库。

阅读更多 了解如何使用交互库。

导出你现有的组件

你们中很多人已经在某个 Pie 文件中存有现成组件。你可以使用导出为新库选项,一次性将这些本地组件全部放入交互库中。


Seven examples of components


将你的组件导出为新库,并在其他原型中复用交互。

交互设计 系统

你可能已经有一个静态的设计系统,使用的是 Figma、Sketch 或 Adobe XD 中的库。借助 ProtoPie 的交互库,你可以在此基础上继续构建,创建你自己的交互设计系统。

标准化你的交互,全面提升原型设计效率。

了解更多 关于交互库。

其他功能与改进

  • 替换组件实例

  • 组件指南

  • 粘贴图层时更好的放置效果

  • 导入时尺寸与设备密度匹配

  • 改进了公式输入字段中的图层块