暗色模式
生成 SVG 图标
AI 设计助手可以根据文字描述生成可编辑的 SVG 图标。
操作步骤
- 打开 AI 设计助手,切换到 Agent 模式。
- 说明图标含义、尺寸、风格、描边和颜色。
- 如需生成一组图标,在同一条指令中列出全部图标并说明统一规则。
- 确认执行,在画布中检查尺寸和视觉一致性。
例如:
生成一组 24×24 px 的线性导航图标:主页、搜索、收藏、个人中心。使用 2 px 描边、圆角端点和单色样式。
调整与复用
- 生成后可继续编辑矢量路径、尺寸和颜色。
- 如需匹配现有图标,请在提示词中说明描边粗细、圆角和视觉风格。
- 确认图标符合团队规范后,再将其添加到组件库中复用。
常见问题
| 问题 | 处理方法 |
|---|---|
| 同组图标风格不一致 | 一次性生成整组图标,并提供统一的尺寸和描边规则 |
| 图标细节过多 | 减少装饰要求,明确使用简洁的线性或面性风格 |