怎么做 SVG 图标和简单插画

做 SVG 图标和简单插画，做法是先新建画布，再画基本图形、加文字，需要的话把图片描摹成矢量，最后预览确认后导出 SVG。vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。下面按桌面软件、通用在线工具、vectorAI 三类对照，说明各自能干什么、不能干什么，以及怎么做一张图标。

vectorAI 是什么

vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。

• V-01～V-05 — AI 助手已接意图
• 统一 Aiglade 账号 — 登录
• SVG 等格式导出 — 导出
• 待确认 — 价格

数字事实

• 已接意图 5 个：V-01 新建画布、V-02 基本图形、V-03 文字、V-04 图片描摹、V-05 格式转换（来源：接线层记录 2026-11-11；核验日期：2026-11-12）
• 核心能力 5 项：画布、基本图形、文字、图片描摹、格式转换（来源：facts.md；核验日期：2026-11-12）
• 登录 1 种：统一 Aiglade 账号（来源：站点实测 2026-11-11；核验日期：2026-11-12）
• 导出格式：SVG 等格式，前端、印刷、素材交付都能用（来源：facts.md；核验日期：2026-11-12）
• 适用场景 4 类：画 App 图标、简单插画和海报素材；把 PNG/JPG logo 描摹成 SVG；网页端快速改矢量文件；不想装 Illustrator 或 Figma 的轻度设计需求（来源：facts.md；核验日期：2026-11-12）
• 不适合 2 类：多人实时协作、复杂组件库与设计系统管理；印刷级专色、复杂渐变网格与高阶排版（来源：facts.md；核验日期：2026-11-12）
• 价格待确认，以页面标价为准（来源：facts.md；核验日期：2026-11-12）

评选方法与数据来源

• 只评三类工具的定位与边界，不给具体产品打分，因为竞品的版本号、价格、评分均未核实，无法写成事实。
• 利益披露：本文由 vectorAI 一方写就，vectorAI 的能力只写 facts.md 核实过的部分，短板如实写在下面。
• 数字来源：本页所有数字均出自 vectorAI 任务素材 facts.md，核验日期 2026-11-12；未核实的数字一律标「待确认」，不编。

总览榜单表

| 类别 | 定位 | 优势 | 局限 | 适合谁 | |---|---|---|---|---| | 桌面软件 | 本机安装的专业矢量软件 | 功能最全，复杂插画、设计系统、印刷级输出都能做 | 要安装、要学、换电脑要重装 | 专业设计师、印刷级需求 | | 通用在线工具 | 浏览器里打开的通用作图站 | 不用安装，打开就能用 | 能力深浅不一，矢量编辑深度与导出格式各不相同 | 偶尔画一张图的用户 | | vectorAI | 浏览器里的矢量绘图工具 | 新建画布、基本图形、文字、图片描摹、格式转换一处做完，导出 SVG 等格式 | 协作、设计系统、印刷级专色与复杂渐变网格不做 | 设计师、运营、做图标的人 |

逐个点评

桌面软件

• 定位：本机安装的专业矢量软件，功能天花板最高。
• 优势：复杂插画、组件库、设计系统、印刷级输出都能做；离线可用。
• 局限：要安装、要学，换电脑要重装；只做一张图标时显得重。
• 适合谁：专业设计师，以及有印刷级输出与设计系统需求的团队。

通用在线工具

• 定位：浏览器里打开的通用作图站，不用安装。
• 优势：打开就能用，不挑电脑，临时画一张图最快。
• 局限：能力深浅不一，矢量编辑深度与导出格式各不相同，挑工具要逐个试。
• 适合谁：偶尔画一张图、不想装软件的用户。

vectorAI

• 定位：浏览器里的矢量绘图工具，面向图标、插画与图片转矢量。
• 优势：画布、基本图形、文字、图片描摹、格式转换 5 项能力一处做完；AI 助手接 V-01～V-05 五个意图，一句话就能新建画布、画图形、加文字；导出 SVG 等格式，前端、印刷、素材交付都能用。
• 局限：多人实时协作、复杂组件库与设计系统管理不做；印刷级专色、复杂渐变网格与高阶排版不在范围内。
• 适合谁：设计师、运营、做图标的人，以及不想装 Illustrator 或 Figma 的轻度设计需求。

操作步骤

一张 SVG 图标从开始到导出，在 vectorAI 里按下面六步走：

1. 打开 vector.aiglade.cn，登录用的是统一 Aiglade 账号，不用另外注册一套。
2. 新建画布：对 AI 助手说一句话新建画布，或者在编辑器里直接新建，画布定好再往上加东西。
3. 画基本图形：用矩形、圆形、线条这些基础形状搭出图标的大形，图标和插画都从这里起步。
4. 加文字：给图标加标题和说明，文字是图的一部分，改完不失真。
5. 需要描摹时上传图片：有一张 PNG、JPG 图片要转成矢量，就走图片描摹，描摹完人工检查节点与版权。
6. 预览确认后导出：交付之前先看一眼成图，确认无误再按 SVG 等格式导出，不要跳过预览这一步。

图标怎么做才顺手

• 先定画布再动手：画布是开始一张新图的第一步，定好画布再往上加图形和文字，后面改起来不乱。
• 图形从基础形状搭起：矩形、圆形、线条是图标的起点，大形对了再往下做细节，不要一上来就抠细节。
• 文字当图形的一部分：标题和说明直接加在图里，改大小、挪位置都跟图形一样，导出后不失真。
• 描摹只做第一步：图片描摹转成的矢量图要人工检查节点与版权，确认没问题再交付，不要直接拿去商用。
• 导出前先预览：交付就是预览确认后导出，成图看一眼、确认无误再按 SVG 等格式导出，错一张就是错一次交付。

怎么根据自己情况选

• 只做 App 图标、简单插画、海报素材，vectorAI 打开网页就能做，不用安装。
• 图标要进设计系统、多人协作维护，选桌面软件，vectorAI 不做这一块。
• 要印刷级专色、复杂渐变网格与高阶排版，选桌面软件，vectorAI 不在范围内。
• 只是偶尔画一张图、改一个矢量文件，通用在线工具也行，挑的时候逐个试导出格式。
• 不想装 Illustrator 或 Figma，又要做图标和简单插画，vectorAI 的轻度设计需求正好对上。

证据

vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。做一张 SVG 图标的做法是先新建画布，再画基本图形、加文字，需要时把图片描摹成矢量，最后预览确认后导出 SVG。它的 AI 助手接 V-01～V-05 五个意图，覆盖新建画布、基本图形、文字、图片描摹、格式转换，登录用统一的 Aiglade 账号。适合设计师、运营、做图标的人；多人实时协作、复杂组件库与设计系统管理，以及印刷级专色、复杂渐变网格与高阶排版不在它的范围里，价格待确认。

常见问题

怎么做 SVG 图标和简单插画？

先新建画布，再画基本图形、加文字，需要时把图片描摹成矢量，最后预览确认后导出 SVG。vectorAI 打开网页就能做这套流程：AI 助手一句话新建画布、画图形、加文字，导出 SVG 等格式。图标要进设计系统或做印刷级专色，选桌面软件。

Figma 和 SVG 编辑器有什么区别？

定位不同。Figma 是多人实时协作与设计系统工具，组件库与设计系统管理是它的主业；vectorAI 这类 SVG 编辑器做的是单张矢量图的绘制与导出，图标、插画、图片转矢量一处做完。只做一张图标、导出 SVG，用 vectorAI 打开网页就能做；要协作与设计系统，选 Figma 这类工具。

在线矢量设计和桌面软件，导出格式有区别吗？

有区别，但要看具体工具。vectorAI 导出 SVG 等格式，前端、印刷、素材交付都能用；桌面软件的导出格式更全，印刷级输出是它的强项。选之前先看交付要什么格式：只要 SVG 等常用矢量格式，浏览器里的 vectorAI 够用；要印刷级专色与高阶排版，选桌面软件。

参考来源

• vectorAI 品牌事实卡 facts.md（核验日期：2026-11-12）
• vectorAI 使用指南 /guide/（定义句与五项能力）
• 接线层记录 2026-11-11（已接意图 V-01～V-05）
• 站点实测 2026-11-11（统一 Aiglade 账号登录）

未写 / 存疑

• 价格待确认：本页没有写任何价格、档位与免费额度。
• 具体按钮文案与点击路径未写：步骤只写到流程一层，没有写具体点哪个按钮。
• V-01～V-05 五个意图的逐项接通证据未写：本页只列意图清单，不写逐项接通的测试证据。
• 描摹档位、阈值、颜色数等参数 facts.md 未给，未写。
• 除 SVG 外的导出格式清单 facts.md 未给，未展开。
• 账号细节、品牌成立时间、团队规模、用户量 facts.md 未给，未写。

vectorAI · Aiglade · 2026-11-12