在对话中添加参考图片
把截图粘贴到 Builder 的 AI 会话框，并配上说明，可以帮助 AI 理解你想调整的布局、视觉效果或具体问题。本文介绍如何准备、发送和回看图片，以及如何结合图片审阅修改方案。
准备图片和上下文
打开已有项目和相关页面，准备一张清晰的 PNG、JPEG 或 WebP 图片。本篇演示把已复制到剪贴板的当前应用截图粘贴进会话框。
每条消息最多添加 4 张图片，单张不超过 10 MB。选择文字和关键区域清晰的图片；如果提示图片过大，裁剪或缩小后再试。
先确认会话中的当前页面和组件标签。本篇调整整个列表区域的间距，因此不保留组件选择。只想改一个元素时，也可以先选中对应组件，再提供图片。
粘贴图片并等待准备完成
- 点击 AI 会话框的输入区域。
- 粘贴已复制的图片：macOS 使用 ⌘V，Windows 使用 Ctrl+V。
- 等待缩略图出现，且 准备图片… 状态结束，图片就准备好发送了。
- 输入说明，核对缩略图与当前页面，再选择 发送需求。
图片和文字放在同一条消息里。本例说明了目标区域、间距，以及需要保留的主题和行为。
发送前查看或移除图片
点击缩略图可以放大查看，检查是否选对图片、文字是否清楚。选择 关闭图片 返回会话；不需要这张图时，点击缩略图旁的 移除图片。
放大图片，检查文字和需要参考的区域是否清晰。
写清需要参考什么
说明目标页面、图片中希望参考的部分，以及要保留的内容，能让修改目标更清楚。例如：
参考这张当前客户列表截图，把标题和筛选区域之间的纵向间距调整为 24px。保留鼠尾草绿主题、现有字段、客户数据、搜索筛选和新增客户行为，不新增功能。
其他适用的描述方式包括：
| 图片用途 | 说明重点 |
|---|---|
| 布局参考 | 要参考的是信息分组、留白还是内容排列；说明作用页面 |
| 视觉参考 | 指明参考配色或局部样式，写清需要保留的品牌元素 |
| 问题截图 | 说明出现问题前的操作、截图中的实际结果和预期结果 |
希望把图片本身展示在应用中时，请在需求里说明放在哪个页面、用在什么位置，以及期望的展示方式。
审阅方案，再检查应用结果
本例以整个客户列表为修改范围，发送后会出现普通修改方案，按下面的步骤审阅和执行。
- 阅读方案，选择 查看完整变更 核对目标。
- 有需要时修订方案。本例把最初的 24px 调整为 32px，再审阅新方案。
- 确认后选择 按这个方案修改。
- 等待新版本保存，切到预览查看变化，并检查保留项。
带图片的方案会列出修改目标和影响范围，确认后执行。
修改后的列表间距已调整，搜索、筛选和新增客户入口仍可使用。
完整的修订与作废说明见审阅、调整和作废修改方案。选中组件的图片需求可能直接进入定向执行，发送前应检查选择范围。
回看已发送图片
已发送消息保留参考图片。刷新 Builder 后，可以在原消息中再次点击 查看参考图片 放大查看。
已发送图片保留在原始消息中，可以随时回到该消息查看。
继续讨论同一张图时，用“刚才那张客户列表截图”等明确指代。换用新的参考图时，附上新图，并说明它对应的页面和用途。
常见问题
为什么发送按钮不可用？
检查图片是否仍在准备、是否准备失败，以及是否有任务正在执行。按界面提示处理后再发送。
只有图片，没有文字，可以发送吗？
可以。配上目标页面、期望结果和保留项，能让 AI 更准确地理解图片用途。