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

开始使用新的原型设计工具可能会让人不知所措，因此我们的团队创建了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 插件导入资源

• Figma

• Sketch

• Adobe XD

[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）