行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

教程

3

阅读时间

ProtoPie 101 速成课程:从初学者到高级

参加 ProtoPie 101 速成课程,快速开始进行高保真原型设计。

伯恩·埃斯皮诺, 客户学习经理
connect ai agents like claude, cursor and more to protopie via mcp

开始使用新的原型设计工具可能会让人不知所措,因此我们的团队创建了ProtoPie 学院,你可以在这里获取免费的学习内容,全面学习如何从 A 到 Z 使用 ProtoPie。

如果你在寻找一条从基础开始并逐步进阶到关键功能的学习路径,请前往ProtoPie 101 速成课程,并通过从初级到高级的示例一步步跟学。你可以按照自己的节奏学习,甚至还能与讲师和其他学员分享你的学习进度!

我很忙,直接告诉我重点

我们强烈建议你完整学习ProtoPie 101课程。但如果你太忙了,我们在下方整理了个内容全面的工作坊,包含各种实用演示。请参考时间戳,以便你可以直接跳转到所需部分。

如果你在制作 Pie 时遇到困难,请查看我们的文档页面,其中包含各项功能的更多详细信息。或者加入ProtoPioneers 社区,直接从我们的 ProtoPie 专家那里获得帮助。

事不宜迟,我们开始吧!

初级:设计工作流与基础交互

[下载 Figma 文件] [下载 Pie 文件]


[0:51] ProtoPie 是如何工作的?

  • 我们的概念模型

  • 对象、触发器与响应

[13:16] ProtoPie 生态系统

  • Studio:你的原型设计游乐场

  • Player:在 iOS 和 Android 上通过实时查看器测试你的原型

  • Cloud:分享与协作

[18:29] 第 1 步:使用 ProtoPie 插件导入资源

[26:05] 第 2 步:构建基础交互

  • Repeat(重复)

  • Looping(循环)

  • Stop(停止)

[46:42] 第 3 步:测试与分享

[57:49] 第 4 步:协作

中级 1/2:制作微交互

ProtoPie 工作坊:中级用户如何使用 ProtoPie

[下载 Pie 文件]

[5:50] 演示 1:页面过渡

[29:47] 演示 2:分页与滚动

[49:03] 演示 3:滑动菜单

中级 2/2:使用原生传感器

[下载 Pie 文件]

[4:24] 演示 1:相机

  • 学习如何拍照,以及如何在设备的前后摄像头之间切换。

[15:00] 演示 2:输入

  • 学习如何使用设备的原生键盘创建输入交互。

[27:41] 演示 3:语音

  • 学习如何使用语音命令启用智能家居控制。

高级 1/2:使用条件进行基于逻辑的交互

ProtoPie 工作坊:高级用户如何使用 ProtoPie

[下载 Pie 文件]

[5:32] 演示 1:重置密码(Condition)

[14:19] 演示 2:图片幻灯片(Chain)

[26:35] 演示 3:基于滚动的视频播放器(Range)

[48:11] Chain 和 Range 有什么区别?

高级 2/2:使用变量与公式

{下载 'Send' 文件} [下载 'Receive' 文件]

[4:06] 演示 1:相机对焦(Formula)

[9:43] 演示 2:在多个场景中使用数值(Variables)

[30:41] 演示 3:滑块(Components)

[1:16:36] 演示 5:IoT 家居(Send and Receive)