当前位置:
AIGC文章详情

Mermaid、Excalidraw、draw.io,AI 时代该学哪个画图工具?

源自125位全网作者

17:57

这个月刷知乎,时间线又被 AI 画图刷屏了:京东云实测 9 款开源 AI 架构图工具,整理出一份选型清单。知乎也有人统计了 AI 生成的 Mermaid 代码,发现语法错误率高达 37%~66%。知乎各种"一句话出图"的 Skill 层出不穷。评论区最高频的问题是同一个:AI 都会画图了,还有必要认真学画图工具吗?学的话,该学哪一个?今天把这事说透。

先说结论:AI 时代选画图工具,不是"押宝"哪一个,而是 Mermaid、Excalidraw、draw.io 其实是同一条流水线上的三个不同"工位"。如果只能深度用一个,我推荐大多数人选 Excalidraw。理由往下看。

先看清本质:AI 能不能帮上忙,取决于它的文件是不是"文本"

京东云实测里最核心的一句话,是 AI Agent 的本质是"读写文本":给它一段 Mermaid 源码,它能改、能扩、能重新渲染;给它一张 PNG,它什么都做不了。知乎按这个标准看,三个工具的差别一下就拉开了:

  • Mermaid 本身就是文本,写一行 `A --> B` 就定义了一个箭头,大模型生成、修改的成功率相对最高;

  • Excalidraw 的 .excalidraw 文件以开放 JSON 格式保存,能进 git 做版本管理,也能用脚本批量生成,AI 可以直接读、直接改、直接生成。知乎

  • draw.io 源文件是 XML,GitHub 上已有 Skill 能让 AI 直接产出可编辑的 .drawio 文件;

  • 至于"一句话出海报大图"的文生图路线,实测结构翻车率高,生成之后一个节点都改不了。

所以第一个结论:AI 时代选画图工具,第一个问题不是"好不好看",而是"AI 能不能读写它的源文件"。

Mermaid、Excalidraw、draw.io,AI 时代该学哪个画图工具?

三个选手在 AI 流水线上的真实表现

Mermaid:AI 最会写,但脾气不小。2022 年 2 月起,GitHub 正式在 Markdown 文件里支持 Mermaid 语法,issue、PR、README 里写个代码块就自动渲染成图。知乎但语法细节很容易翻车:数千条 AI 生成的 Mermaid 代码样本里,37%~66% 存在语法错误,最高频的坑是特殊字符没加引号、成对括号缺闭合、中文场景下输出全角箭头。知乎好在有解:给提示词补上完整的语法约束,能把错误率从约 50% 压到 10% 以内。默认渲染出来的样式常被吐槽"丑到没法直接放进 PPT",这恰好是留给人工微调的空间。知乎

Excalidraw:最被低估的"AI 原生"白板。它在 GitHub 上拿到 123.6K Star,Google Cloud、Meta、Notion、Obsidian 都把它接入了自己的产品。知乎官网打开浏览器就能画,不用注册也不用安装。哔哩哔哩多人实时协作数据端到端加密,还支持 PWA 离线。手绘风是刻意设计的"不完美":用常规工具画草稿,对齐和样式容易变成时间黑洞,Excalidraw 从一开始就把预期定在"这是草稿",砍掉对齐内耗,也降低了看图人的心理门槛。

更关键的是它的文件是开放 JSON,AI 可以直接生成可编辑源文件。小红书已经有人让大模型生成 Excalidraw 需要的 JSON,复制到网站里就出一张人物关系图。小红书官方还推出了 MCP Server,让 Agent 直接连上白板干活。小红书由此有了最实用的混合玩法:让 AI 写 Mermaid 搭骨架,再用 Excalidraw 内置的 Mermaid 导入转成手绘图,最后手动微调。

Mermaid、Excalidraw、draw.io,AI 时代该学哪个画图工具?

draw.io:工程图纸的正经角色。drawio-skill 走了另一条路:直接生成 .drawio 结构化源文件,后续可以在 draw.io Desktop 或 diagrams.net 里继续编辑、维护、复用。知乎next-ai-draw-io 则把"AI 起草、人拖拽微调"放进同一块画布,33.9K Stars 是 9 款工具里最受关注的。但痛点也很明确:需要手动拖拽的场景,最后大概率变成排版灾难。知乎改一次图约等于重画,风格也偏正式,画草稿显得太重。

Mermaid、Excalidraw、draw.io,AI 时代该学哪个画图工具?

怎么选?直接给答案

按场景分:

  • 图要嵌进文档、要做版本管理,学 Mermaid。别背语法,让 AI 写,你练读图和改错;生成时记得在提示词里加语法约束。Obsidian、Typora 这类笔记软件基本都原生支持 Mermaid 语法,代码块写进 Markdown 就能渲染。

  • 方案评审、头脑风暴、自媒体配图、讲课、产品草图,用 Excalidraw。就像小红书笔记里说的,有些东西写 500 字不如画一张图。小红书Obsidian 用户直接装 Excalidraw 插件,它已经稳坐 Obsidian 第三方插件下载量第一的宝座。哔哩哔哩

  • 正式工程图、交付物、要长期维护的架构,交给 draw.io

  • 要封面级视觉大片,上文生图,但别要求结构准确。

还拿不准的话,直接抄现成的分工模板:B 站播放 6 万的 Obsidian"可视化三件套"Skills,就是按 Text→Mermaid 负责工程图和版本化、Text→Excalidraw 输出可编辑源文件而不是截图来拆的。哔哩哔哩顺着这个思路,最推荐的组合:让 AI 写 Mermaid 搭骨架,转成 Excalidraw 画皮,图要长期维护再把结构导进 draw.io 存档。这不是我拍脑袋——Mermaid 与 draw.io 这对"效率工具+自由画布"的组合,正成为越来越多技术创作者的绘图标配。知乎

Mermaid、Excalidraw、draw.io,AI 时代该学哪个画图工具?

最后,两个避坑提醒

第一,AI 生成的图别直接交付。无论用哪款工具,生成后都要人工核对一遍:节点命名是否准确、箭头方向是否正确、关键链路是否完整。知乎第二,别迷信"一句话出图"。AI 时代画图工具的核心价值不是"生成",而是"可编辑"——不能编辑的图,只是耗材,不是资产。

三个值得持续观察的方向:Excalidraw MCP 生态的铺开、"代码变更、架构图自动更新"的工具、Mermaid 语法修复的标准化。有进展我们下篇再聊。

内容由AI生成
0
扫一下,分享更方便,购买更轻松
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

最新文章 热门文章