Skip to content

生成 SVG 图标

AI 设计助手可以根据文字描述生成可编辑的 SVG 图标。

操作步骤

  1. 打开 AI 设计助手,切换到 Agent 模式。
  2. 说明图标含义、尺寸、风格、描边和颜色。
  3. 如需生成一组图标,在同一条指令中列出全部图标并说明统一规则。
  4. 确认执行,在画布中检查尺寸和视觉一致性。

例如:

生成一组 24×24 px 的线性导航图标:主页、搜索、收藏、个人中心。使用 2 px 描边、圆角端点和单色样式。

调整与复用

  • 生成后可继续编辑矢量路径、尺寸和颜色。
  • 如需匹配现有图标,请在提示词中说明描边粗细、圆角和视觉风格。
  • 确认图标符合团队规范后,再将其添加到组件库中复用。

常见问题

问题处理方法
同组图标风格不一致一次性生成整组图标,并提供统一的尺寸和描边规则
图标细节过多减少装饰要求,明确使用简洁的线性或面性风格