Verdent Docs
核心功能

图像工具

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


接下来去哪