图像工具
在动手开发前与 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 应用图标,透明背景,扁平风格" 比 "一个图标" 产出的效果好得多。