Figma学了三个月憋不出一个完整原型？试试Keynote。两小时上手，链接+Magic Move就能搞定大部分交互场景。
我自己用Keynote做了不下20个产品原型，有给客户看的，有给开发讲的，还有一次直接在投资人面前用Keynote原型演示了产品流程——没人发现那不是真App。
凭什么用Keynote做原型？
门槛最低。 如果你会用Keynote做幻灯片，你就已经会做原型了。不用学组件库、不用理解自动布局、不用操心约束。
够快。 从想法到可点击原型，熟练之后半小时以内。做第一版MVP原型，Keynote比Figma快3-5倍。
动效现成。 Magic Move是天然的页面过渡动画，不需要写任何原型工具里那些复杂的交互逻辑。
缺点当然也有——不适合做高保真、不适合团队协作、响应式适配基本靠手动。但做”给投资人看的原型”或者”给开发讲清楚交互逻辑的走查图”，Keynote绰绰有余。
第一步：搭建画板
每页幻灯片 = 一个屏幕。就这么简单。
新建文件，在主题选择器里选「白色」。然后把幻灯片尺寸设为手机比例：顶部菜单栏 → 「文稿」→ 「幻灯片大小」→ 「自定」，宽390、高844（iPhone 14 Pro尺寸）。
一页一个页面。首页、登录页、主页、详情页……每个页面单独一张幻灯片。做完大概10-15页就叫”完整原型”了。
小技巧： 如果同一个页面有不同状态（比如空状态和数据态），做成两张连续的幻灯片。后面用链接跳转到对应位置。
第二步：用链接实现点击跳转
这是核心操作。选中任何一个形状、图片或按钮 → 右侧「格式」面板 → 「链接」→ 选「幻灯片」→ 选目标页。
就这么简单。你在Keynote里做的每一页幻灯片，都可以是任意按钮的目标。不需要画流程图，不需要连线，选完就能点。
几个实战技巧：
- 按钮一定要有状态反馈。 选中按钮，在「链接」里勾选「轻点时高亮」。这样用户点下去的时候按钮会闪一下，像真App。
- 底栏导航要做全。 如果App有底栏Tab，每个Tab按钮都要配好跳转。用户可不想看到：点”首页”到了个人中心。
- 返回路径别漏。 从A页跳到B页，B页上一定要放一个返回按钮。不然回不去，原型就死了。
第三步：Magic Move做页面过渡
App里的页面切换是有动画的，Keynote的Magic Move是天然的页面过渡引擎。
打开要加动画的前一页 → 选中一个会变化位置的元素 → 复制它到后一页 → 在新的位置放好 → 后一页选中它 → 「动画效果」→ 添加「移入」→ 选Magic Move。
Magic Move会自动匹配两页之间位置、大小、透明度有变化的元素，生成平滑过渡。这就是为什么Keynote原型看起来比别人用Axure做的”更像真App”。
具体做法：
- 首页的logo在中间，详情页的logo缩小到左上角→Magic Move会做出缩放位移的效果
- 列表页的卡片到详情页放大成全屏→Magic Move无缝过渡
- 弹窗从底部滑入→弹窗在当前页底部外，下一页移到中间位置
第四步：做个像样的Mockup
这是大多数人翻车的地方——直接拿Keynote默认形状往上堆，出来效果一看就是PPT。
解法：从设计系统里抄。
找一下你们产品现有的设计稿，或者网上找一个Mobile UI Kit（Figma社区大把免费）。关键元素截图贴进来：状态栏、导航栏、Tab Bar、卡片组件。然后在Keynote里用形状和文本覆盖/修改内容。
你不需要从零画UI。拼凑+微调，出来的效果比纯手画好十倍。
一个快速出效果的流程：
- 截图一个App的真实界面
- 贴到Keynote里当底图，调低透明度
- 在上面用形状重新描一遍界面
- 删掉底图
出来的效果跟手绘设计稿差不多，但快得多。
第五步：导出和演示
给开发看： 导出PDF。每页一个屏幕，可以在PDF上标注交互逻辑和状态变化。
给客户看： 导出为交互式HTML（文件 → 导出为 → HTML）。在浏览器里打开，点按钮确实能跳转。链接是相对的，打包发给谁都行。
给自己用： 全屏播放模式就是最好的演示环境。Command + Option + P 进入演示模式，点哪里跳哪里。
什么时候不该用Keynote做原型？
诚实说几句：
- 需要多人协作 → 用Figma。Keynote的协作是苹果生态内的，难用。
- 需要响应式适配 → 别用Keynote。每改一个尺寸你得手动调所有页面。
- 需要复杂交互逻辑 → 比如条件判断、数据状态联动。这种场景上Axure或ProtoPie。
- 需要真实数据填充 → Keynote只有静态文本，做不到动态数据绑定。
但如果你只是想”在跟开发开会之前，把交互流程跑一遍给产品经理看”——Keynote比任何工具都快。别被”专业工具”唬住了，好用的才是专业的。