# Figma AI 自动连原型：补返回按钮，逐条排查连错页面

让四个已有设计画面自动建立原型连接，再手工补齐返回、取消和失败后的出口。

## 练习边界

本包没有调用收费平台或登录账号。官方图片仅作署名的教学功能示例；作者原生文件、合成声音和imagegen参考均按身份标明，不是目标平台实测结果。

## 七步操作

1. **整理四个Frame**

   准备列表、详情、确认、完成四个Frame，按钮名称与实际动作一致。原型练习文件是作者原创设计，不是Figma界面截图。

2. **选择起始画面**

   在Figma选中起始Frame，进入Prototype区域，使用Make interactions with AI。此功能需要可编辑权限及符合条件的付费计划。

3. **描述用户动作**

   给出“列表进入详情，详情继续确认，确认后完成”的明确目标。先让AI连接现有画面，不要求它凭空实现支付或后端。

4. **逐个试主按钮**

   从起点播放，点击每个主按钮，确认落到正确Frame。连接错时在Prototype面板改目标和触发方式。

5. **补上返回和取消**

   详情返回列表、确认取消回详情、完成返回列表分别设置。返回必须保留合理上下文，不要把所有返回都连回首页。

6. **检查无出口画面**

   沿每一条分支走一遍，包括取消和关闭。页面展示作者原型的真实页面图；AI建立连接后仍需在你的Figma中逐项测试。

7. **交付原型说明**

   分享原型前标注哪些只是界面跳转、哪些需要应用实现。保存连接清单，交给开发者时注明未实现的后端行为。

## 文件

- README.md
- asset-identity.json
- complete.png
- confirm.png
- connections.json
- list.png
- native-interaction-check.json
- operation-plan.json
- prototype.html

## 配图身份

- list.png：作者原创可点击原型真实页面：list，不是Figma界面。
- confirm.png：作者原创可点击原型真实页面：confirm，不是Figma界面。
- complete.png：作者原创可点击原型真实页面：complete，不是Figma界面。

## 官方来源

- [Make interactions with AI](https://help.figma.com/hc/en-us/articles/24004778051479-Make-interactions-with-AI)