构图AI vs Mermaid:手绘风 AI 替代 Mermaid 语法

还在背 Mermaid 语法画流程图?构图AI 用一句话生成手绘风流程图 / 时序图 / 架构图,无需代码、可拖拽编辑、可导出 PNG / SVG。这份对比帮你判断什么场景该选哪个。

作者:松柏

构图AI vs Mermaid:还要背语法画图吗?

Mermaid 适合「代码即文档、进 Git」;构图AI 适合「说人话、出手绘风可编辑图」。两者解决不同受众,推荐并用而非互相消灭。

Mermaid 在开发者圈子很流行,但要学语法,改布局常常等于改代码重排。构图AI 走另一条路:一句话让 AI 出图,在 Excalidraw 画布拖改,导出 PNG / SVG / .excalidraw

一句话结论

图的消费者更合适
Git / CI / README 渲染Mermaid
会议、PRD、跨职能读者构图AI
两者都要Mermaid 当真源;构图AI 出分享版

可核对对比(核实于 2026-08)

维度Mermaid构图AI
学习成本中(语法)低(自然语言)
出图速度写完即渲染AI 约 5–10 秒
风格工程感、统一手绘风
编辑方式改代码拖拽 / 重生成
协作Git diff 友好画布编辑友好
价格感知开源免费登录免费 1 次;VIP ¥4.9 / ¥9.9 / ¥19.9 / ¥49.9
导出 / 嵌入Markdown 原生PNG / SVG / .excalidraw
互操作文本源当前无直接 Mermaid 导入导出

构图AI 定价见 /pricing。Mermaid 本身开源;托管渲染服务以各平台为准。

Mermaid 真正赢在哪

  1. 与代码同库:PR 里能看到图变更,适合 RFC 演进。
  2. GitHub 原生渲染:README 零附件。
  3. 可脚本生成:从代码/配置生成图,适合自动化。

构图AI 真正赢在哪

  1. 非开发者也能改:产品改节点名不必学箭头语法。
  2. 布局可拖:复杂时序微调不必和渲染器「吵架」。
  3. 技能与中文示例:降低「写对 diagram 类型」的试错。

独有章节:双轨文档——真源与分享版

推荐把「会不会进 Git」当成第一性问题,而不是「哪个更好看」。

仓库内(真源)          对外/对会(分享版)
─────────────          ─────────────────
Mermaid 文本     →     构图AI 手绘风 PNG/SVG
  ↑ 改结构先改这里       ↑ 评审前从人话或从真源翻译

同步规则(写进团队约定可减少扯皮):

  1. 结构变更:先改 Mermaid,再更新分享版(或先改人话描述再两边同步)。
  2. 文案润色:只改分享版节点措辞时,回写 Mermaid 的 label。
  3. 禁止:只在截图上用画图软件涂改,导致真源漂移。

构图AI 当前不能直接吃 Mermaid 源码——把逻辑翻译成人话即可,成本通常低于给非开发同事上语法课。

独有场景:语法调试 vs 画布微调

Mermaid 用户熟悉的痛苦:

  • sequenceDiagram 里参与者顺序不对,整图挤成一团。
  • 流程图 subgraph 嵌套后边交叉,只能重排文本碰运气。
  • CI 里 Mermaid 插件版本不一致,本地能渲染、流水线挂。

这些不是 Mermaid「不好」,而是 文本布局模型 的边界。当任务是「明天评审,给老板看清楚回调顺序」,用构图AI 拖两下往往比调语法更快;当任务是「这个图要活三年并跟代码一起 review」,Mermaid 仍是正解。

把 Mermaid 逻辑翻译成自然语言的示例:

画一张微服务调用链的时序图,手绘风。
角色:网关、用户服务、订单服务、库存服务、Kafka。
流程:鉴权 → 创建订单 → 同步扣库存 → 异步发消息。
分支:库存不足 → 订单取消。

详见 时序图入门时序图技能

与 ChatGPT / PlantUML 的关系

  • ChatGPT 常被用来 Mermaid;构图AI 用来 展示可编辑分享版
  • PlantUML 比 Mermaid 更「UML 全」,但也更重;选型逻辑同样是「文本真源 vs 画布沟通」。
  • 不要用构图AI 假装完整 UML 工具——常用子集够沟通即可。

什么时候只靠 Mermaid 就够

  • 读者全是开发,且只在 GitHub/GitLab 看图。
  • 图由流水线自动生成,不允许手工拖拽。
  • 需要严格文本 diff 作为变更审计。

什么时候构图AI 更省事

  • 评审有产品/运营/业务方。
  • 需要手绘风降低「工程图压迫感」。
  • 短期迭代快,暂不值得维护语法源。

价格与试用

Mermaid:免费。构图AI:登录免费 1 次 AI 画图;更多见 VIP ¥4.9 / ¥9.9 / ¥19.9 / ¥49.9(/pricing)。建议用免费次验证「分享版是否真能减少会上解释成本」。

推荐工作流

  1. 仓库内保留 Mermaid 作为可 diff 源。
  2. 评审前用 构图AI 生成手绘风可视化版。
  3. 结构变更时先改真源或人话描述,再同步另一份。
  4. 可从 示例库 找同类图改写节点名。

选型检查清单

  • 长期维护者是 Git 还是会议听众?
  • 是否需要 CI 自动渲染?
  • 非开发是否要改图?
  • 是否接受维护两份(真源 + 分享版)?
  • 是否需要完整 UML,还是沟通子集?

相关对比

常见问题

构图AI 能直接读取或导出 Mermaid 代码吗?+

当前版本不能直接导入 / 导出 Mermaid。需要把结构用自然语言描述后生成;导出为 PNG / SVG / .excalidraw。长期真相源若必须进 Git,可继续维护 Mermaid,另用构图AI 出分享版。

已经把图写进 README 的团队还要用构图AI 吗?+

README / RFC 继续用 Mermaid 很合理(GitHub 原生渲染、diff 友好)。评审会、跨职能分享、手绘风文档配图时,用构图AI 另出一版往往更合适。

手绘风会不会显得不够专业?+

在内部评审与说明文档里,Excalidraw 手绘风通常更利于聚焦内容而非像素。对外若品牌要求工程制图风格,可继续用 Mermaid 渲染或其它工具出终稿。

复杂 UML 谁更合适?+

Mermaid / PlantUML 对标准 UML 表达更完整;构图AI 覆盖常用子集(时序、流程、架构、ER 等),以沟通效率见长,不以完整 UML 工具自居。

其他对比