AI 画技术图：Excalidraw vs Mermaid vs draw.io 对比

AI 画技术图：三种主流方案对比

用 AI 画技术图，本质是在「速度、可编辑性、标准度」三者间选型：构图AI / Excalidraw 偏快与手绘风，Mermaid 偏文档与 Git，draw.io 偏工程终稿。

技术图是程序员日常沟通的「第二语言」。但画图本身很耗时：拖拽、对齐、调字号、画箭头，一张架构图折腾半小时很正常。引入 AI 之后，问题从「会不会画」变成「选哪条工具链」——风格是否够亲切、改图是否够快、能不能进文档仓库、要不要符合 UML。这篇文章横向对比 Excalidraw / Mermaid / draw.io 三种主流方案，并说明在什么场景下用 构图AI 最划算。

构图AI 定位很明确：一句话生成手绘风格技术图，基于 Excalidraw，生成后可编辑，支持导出 PNG / SVG / .excalidraw。产品内置 12 种图类型技能与约 25 个示例，覆盖架构、时序、流程、ER 等常见技术沟通场景。

三种工具分别是什么

• Excalidraw：浏览器原生的白板工具，主打手绘风格、自由画布、可无限拖拽。构图AI 的画布层即基于它。
• Mermaid：基于 Markdown 的图表描述语言，用代码描述流程图 / 时序图 / 类图，GitHub 等平台可原生渲染。
• draw.io（diagrams.net）：老牌拖拽画图工具，模板丰富、功能强，偏工程交付与标准符号库。

理解定位后，选型会清晰很多：不是「谁更强」，而是「图要给谁看、要活多久」。

横向对比

AI 生成对比：构图AI 怎么打

传统三种工具的共同问题是「画一张图要么耗时长、要么门槛高」。构图AI 的定位是把 AI 生成 + Excalidraw 手绘风结合起来：

• 秒级出草稿：一句话描述需求，AI 直接出可编辑图，而不是位图截图。
• 可二次编辑：输出在 Excalidraw 画布，所有节点可拖可改，矢量对象可继续微调。
• 手绘风更亲切：评审 / 分享 / 文档配图场景，比工程感重的图往往更受欢迎。
• 不学语法：不需要背 Mermaid 语法、不需要先翻 draw.io 模板库。
• 技能与示例：12 种图类型技能引导结构，25 个示例可直接改造成自己的业务。

最适合的场景：评审草稿、PRD 配图、新人 onboarding、内部分享、社群传播。

不太适合的场景：要交付给客户的终稿（需要严格品牌规范）、需要严格 UML / BPMN 标准符号的图。

额度上：需登录后才能调用 AI；登录赠送 1 次免费额度。VIP 权益对外口径是不限制 AI 画图，并包含全部图类型技能与 PNG / SVG 导出（底层仍有服务端防护性限流，日常使用不必当作营销卖点）。

怎么选

按场景选：

• 想要又快又亲切：构图AI → 出手绘风草稿 → 微调 → 导出。
• 要嵌进 Markdown 文档 / Git 仓库：Mermaid（代码即文档）。
• 要严格工程化、UML 标准：draw.io 或 PlantUML。
• 要白板头脑风暴：Excalidraw 原版，或构图AI 的 Excalidraw 画布模式。

实际工作流推荐 Mermaid 写代码版 + 构图AI 出可视化版：代码版给长期维护与 Code Review，手绘版给评审与跨职能沟通。两份图解决不同受众，不必二选一。

选型时再问三个问题即可：

1. 这张图明天还要改吗？要频繁改结构 → AI + 拖拽更爽。
2. 这张图要进 Git 当真相源吗？要 → Mermaid。
3. 甲方有符号与像素规范吗？有 → draw.io 终稿。

用构图AI 怎么画

打开 画图页，把你想对比的工具语境 + 实际业务场景描述给 AI。好的技术图 prompt 至少包含：图类型、节点列表、主链路、可选旁路（监控 / 异步）。

画一张 AI 模型推理服务的架构图，手绘风。
节点：客户端、API 网关、推理服务、模型缓存、GPU 集群、监控。
流程：客户端 → 网关 → 推理服务 → 模型缓存（命中则直接返回）→ GPU 集群 → 返回结果。
旁路：监控采集推理服务的指标。

也可以先从 示例库 的约 25 个模板里挑一张接近的架构示例，改节点名与调用关系，比从零描述更快。生成后务必做两件事：① 合并重复节点；② 用颜色区分接入层 / 服务层 / 数据层。导出时：PNG 适合粘贴文档，SVG 适合放大不失真，.excalidraw 适合带回团队继续改。

团队落地时的常见坑

用 AI 画技术图时，失败很少出在「模型不会画」，而出在描述不完整或一张图塞太多职责。建议团队约定三条简易规范：

1. 一图一问题：架构边界、一次调用时序、状态流转分开画，避免「全能大图」。
2. 名词表先行：服务名、环境名、协议名与代码仓库保持一致，减少评审时改字。
3. 导出即归档：评审结束立刻导出 PNG（可读）+ .excalidraw（可改），不要只留聊天记录里的截图。

和纯手动画相比，AI 草稿的质量上限取决于你是否写清「同步还是异步」「谁校验 Token」「失败如何回滚」。把这些约束写进 prompt，比事后在画布上补箭头更高效。若图要进对外白皮书，仍可把构图AI 当作结构引擎，终视觉交给品牌或 draw.io——这并不矛盾。

对于每周都要出图的同学，建议沉淀自己的「prompt 片段库」：接入层三段、数据层三段、旁路监控一段，拼装比每次从零写更快。示例库的约 25 个模板就是官方版片段库，先改名词再改拓扑，通常比空描述成功率更高。

相关指南

• 前后端分离架构：典型可用 AI 画的架构图。
• 微服务架构：复杂场景下 AI 生成的优势。
• 时序图入门：Mermaid 擅长的图种，AI 同样能画。