--- title: 图像工具 description: "在动手开发前与 AI 对齐视觉方向，然后直接生成图像并保存到你的代码库中" --- **图像工具**让你能把图像纳入产品构建的流程中。用它在写任何代码之前与 AI 对齐设计方向，扩展出多个变体并挑选合适的那一个，然后生成项目所需的最终产品图像和素材。每一张图像都会被保存回你的仓库中合适的分类下，让视觉素材与使用它们的代码紧挨在一起。 ## 图像工具能帮你做什么 - **在开发前对齐设计。** 与 AI 共创参考稿，让你和团队在实现开始*之前*就视觉方向达成一致。 - **生成多个版本，再做选择。** 针对同一个提示词请求多个变体并并排比较，而不是直接采用第一个结果。 - **产出产品图像和素材。** 方向确定后，把同一次对话变成图标、主视觉图、插画、OG 卡片和营销视觉素材的来源。 - **有序保存到代码库。** Verdent 会把每张生成的图像归档到仓库中分好类的文件夹下，让长期管理保持整洁。 --- ## 如何使用在聊天中告诉 Verdent 你需要什么图像 —— 例如*"为定价页面起草三个主视觉插画方案，扁平风格，蓝/紫配色。"* 你可以附上参考图、截图或现有 logo，让 AI 在此基础上创作。 Verdent 会并排返回多个版本。比较构图、配色和调性。通过请求微调来迭代 —— *"保留 #2，但把背景调浅一些"* —— 直到你和团队就方向达成一致。选定中意的方案后，将它作为参考来生成完整的产品图像集：应用图标、横幅、应用内插画、OG 图、社交媒体创意。整套素材的风格保持一致。确认或覆盖保存位置。Verdent 会把图像写入仓库中分好类的文件夹下，让它随代码一起交付并纳入版本控制。你无需打开单独的面板。只要在聊天中请求图像 —— Verdent 会自动通过图像工具路由这个请求。 --- ## 保存与组织图像工具会把生成的图像**直接保存到你的项目中**，而不是存进一个黑盒图库。Verdent 会从你的提示词推断分类并选择目标文件夹，让素材在长期使用中易于查找和管理。 **默认布局** ``` your-project/ └── assets/ └── images/ ├── drafts/ # Early alignment drafts and explorations ├── icons/ # Product icons and glyphs ├── illustrations/ # In-app illustrations and empty states ├── marketing/ # Social, ads, OG images └── references/ # Uploaded reference images ``` - **自动分类。** Verdent 会从你的提示词推断分类 —— 例如*"app icon for…"* → `icons/`，*"landing hero…"* → `marketing/`。 - **按次覆盖。** 显式指定路径 —— *"save to `public/og/`"* —— Verdent 会照办。 - **纳入版本控制。** 保存的图像就是仓库里的普通文件：可以像其他素材一样提交、对比差异和审查。 - **可重新打开。** 每张保存的图像都保留了创建它时所用的提示词和设置，方便你日后继续沿用同一个方向。想为某个项目设置不同的默认文件夹？只要告诉 Verdent 一次 —— *"save all images under `src/assets/img/` from now on"* —— 它就会在后续生成中记住。 --- ## 小贴士 **在大规模生成之前先对齐。** 前期做一轮简短的 3–4 张草稿，能在你开始产出完整素材集后省去大量返工。 **把选中的方案复用为参考。** 把通过的草稿重新作为参考喂回去，能让每张新素材在视觉上与它保持一致。 **明确说明尺寸和使用场景。** *"1024×1024 应用图标，透明背景，扁平风格"* 比 *"一个图标"* 产出的效果好得多。 --- ## 接下来去哪添加一个项目并尝试你的第一个图像提示词把你的品牌风格教给 Verdent，让生成的图像始终符合品牌调性用自定义图像工作流扩展图像工具把你技术栈中的其余部分接入 Verdent