# 在对话中添加参考图片

把截图粘贴到 Builder 的 AI 会话框，并配上说明，可以帮助 AI 理解你想调整的布局、视觉效果或具体问题。本文介绍如何准备、发送和回看图片，以及如何结合图片审阅修改方案。

## 准备图片和上下文

打开已有项目和相关页面，准备一张清晰的 PNG、JPEG 或 WebP 图片。本篇演示把已复制到剪贴板的当前应用截图粘贴进会话框。

每条消息最多添加 4 张图片，单张不超过 10 MB。选择文字和关键区域清晰的图片；如果提示图片过大，裁剪或缩小后再试。

先确认会话中的当前页面和组件标签。本篇调整整个列表区域的间距，因此不保留组件选择。只想改一个元素时，也可以先[选中对应组件](https://ideamade.ai/zh/help/select-components)，再提供图片。

## 粘贴图片并等待准备完成

1. 点击 AI 会话框的输入区域。
2. 粘贴已复制的图片：macOS 使用 **⌘V**，Windows 使用 **Ctrl+V**。
3. 等待缩略图出现，且 **准备图片…** 状态结束，图片就准备好发送了。
4. 输入说明，核对缩略图与当前页面，再选择 **发送需求**。

[![会话框中已有一张客户列表截图和间距修改说明，发送按钮可用。](https://ideamade.ai/help/zh/reference-image-request.jpg)](https://ideamade.ai/help/zh/reference-image-request.jpg)

_图片和文字放在同一条消息里。本例说明了目标区域、间距，以及需要保留的主题和行为。_

## 发送前查看或移除图片

点击缩略图可以放大查看，检查是否选对图片、文字是否清楚。选择 **关闭图片** 返回会话；不需要这张图时，点击缩略图旁的 **移除图片**。

[![放大的参考图显示客户列表中的标题、筛选区域和虚构客户资料。](https://ideamade.ai/help/zh/reference-image-zoom.jpg)](https://ideamade.ai/help/zh/reference-image-zoom.jpg)

_放大图片，检查文字和需要参考的区域是否清晰。_

## 写清需要参考什么

说明目标页面、图片中希望参考的部分，以及要保留的内容，能让修改目标更清楚。例如：

> 参考这张当前客户列表截图，把标题和筛选区域之间的纵向间距调整为 24px。保留鼠尾草绿主题、现有字段、客户数据、搜索筛选和新增客户行为，不新增功能。

其他适用的描述方式包括：

| 图片用途 | 说明重点                                           |
| -------- | -------------------------------------------------- |
| 布局参考 | 要参考的是信息分组、留白还是内容排列；说明作用页面 |
| 视觉参考 | 指明参考配色或局部样式，写清需要保留的品牌元素     |
| 问题截图 | 说明出现问题前的操作、截图中的实际结果和预期结果   |

希望把图片本身展示在应用中时，请在需求里说明放在哪个页面、用在什么位置，以及期望的展示方式。

## 审阅方案，再检查应用结果

本例以整个客户列表为修改范围，发送后会出现普通修改方案，按下面的步骤审阅和执行。

1. 阅读方案，选择 **查看完整变更** 核对目标。
2. 有需要时修订方案。本例把最初的 24px 调整为 32px，再审阅新方案。
3. 确认后选择 **按这个方案修改**。
4. 等待新版本保存，切到预览查看变化，并检查保留项。

[![图文需求生成方案，执行前可以查看、修订或作废。](https://ideamade.ai/help/zh/plan-review-card.jpg)](https://ideamade.ai/help/zh/plan-review-card.jpg)

_带图片的方案会列出修改目标和影响范围，确认后执行。_

[![检查并继续修正后的间距需求已经保存为 v10，客户列表和记录仍可见。](https://ideamade.ai/help/zh/plan-checked-result.jpg)](https://ideamade.ai/help/zh/plan-checked-result.jpg)

_修改后的列表间距已调整，搜索、筛选和新增客户入口仍可使用。_

完整的修订与作废说明见[审阅、调整和作废修改方案](https://ideamade.ai/zh/help/review-change-plans)。选中组件的图片需求可能直接进入定向执行，发送前应检查选择范围。

## 回看已发送图片

已发送消息保留参考图片。刷新 Builder 后，可以在原消息中再次点击 **查看参考图片** 放大查看。

[![刷新后的对话仍保留原图文消息，后续文字修订没有重复显示同一张附件。](https://ideamade.ai/help/zh/reference-image-history.jpg)](https://ideamade.ai/help/zh/reference-image-history.jpg)

_已发送图片保留在原始消息中，可以随时回到该消息查看。_

继续讨论同一张图时，用“刚才那张客户列表截图”等明确指代。换用新的参考图时，附上新图，并说明它对应的页面和用途。

## 常见问题

### 为什么发送按钮不可用？

检查图片是否仍在准备、是否准备失败，以及是否有任务正在执行。按界面提示处理后再发送。

### 只有图片，没有文字，可以发送吗？

可以。配上目标页面、期望结果和保留项，能让 AI 更准确地理解图片用途。