如果你是个经常画架构图的开发者，今年应该已经感觉到了：“让 AI 画图"的工具突然多了起来。就在今天，知乎上一篇《大厂架构师画了5年架构图，最后把Mermaid删了》发布：一位天天和架构图打交道的架构师，复盘了自己把画图交给 Agent 后换了三套工具的迁移路线。知乎 B站上，drawio-skill 这个画图技能插件的教程视频已经有 6.8 万播放、近 4000 收藏。哔哩哔哩 Archify、diagram-design 这类开源项目也在接连冒头。但社区观点分裂成两派：一派说"一句话出交付级图”，另一派说"AI 画的图根本不能用"。两派都对，也都不对——因为他们说的不是同一条路线。下面是 Codex 接 draw.io 官方 MCP 的一次真实对话：一段 prompt 之后，分层架构图直接生成，并以可编辑文件打开。
我把知乎、B站、GitHub 上的热门教程、实测文章和开源项目过了一遍，滤掉商单之类的噪音。先说结论：AI 画图最大的坑不是丑，是选错路线——一张图在不同阶段要的东西完全不同，工具也得跟着换。
画图的三种权力：看懂这个就看懂了所有坑
为什么 AI 画的架构图总翻车？删掉 Mermaid 的那位架构师有个尖锐的总结：Mermaid 把布局权收走了，所以图不听你的；draw.io MCP 把坐标权还给你，所以你能钉层级；diagram-design 把审美权接管了，所以图好看但你不许碰。知乎
Mermaid 收走布局权。架构图的灵魂是分层——infra 沉底、应用在上，控制面在左、数据面在右。但 Mermaid 的自动布局只看连线的就近关系，位置每次重画都飘，同一个系统两次生成的图差异大到评审以为你改了架构。
draw.io MCP 还你坐标权。坐标可以在 prompt 里钉死，生成的 .drawio 文件能在 VS Code 里打开手调，层级终于听话。
diagram-design 接管审美权。设计系统管布局：4px 网格、固定字号阶梯、每张图只留一两个视觉焦点。图立刻交付级，但你不能碰——想改，只能回到 prompt 重画。
还有两个坑，更隐蔽：
第一，画错比画丑更致命。很多 AI 图表看起来完整，却根本没有回答正确的问题，而组件关系、调用顺序和角色权限，本来就需要不同的视觉语法。哔哩哔哩架构图是契约，错一条线比丑十张图误导更大。
第二，很多图不可改。生成的是一张图片，想挪一个框只能回去重新描述一遍。对边画边推敲架构的场景，直接失效。
四条路线：各自擅长什么，坑在哪
路线一：DSL 文本图（Mermaid / PlantUML）——时序图留下，架构图退后
文本即源码、能进 Git、能 diff、能 review，这是 DSL 到今天仍然最扎实的优势。Mermaid 的时序图几乎不出错：描述"A 调 B、B 回 A"，基本一次画对。
但三个问题让它不适合当架构图主工具：布局不可控，改一个节点可能全图重排；Agent 时代还多了新麻烦——LLM 偶尔写错语法，少个括号、箭头符号用错，生成后得自己查错再渲染。一句话概括那位架构师的结论：Mermaid 赢在文本化、可版本化、时序图好用，输在布局不归你、改动成本高。
适合：时序图、流程图、简单组件图，以及要进文档、要版本管理的场景。
路线二：可编辑文件图（draw.io MCP / drawio-skill / tldraw-skill）——多数人的主力
让 Agent 直接生成 .drawio 这样的可编辑文件，而不是一段要你自己渲染的文本——坐标可以钉、层级可以定，生成完还能手调。知乎同思路的还有 tldraw-skill：基于开源无限画布工具 tldraw，自然语言输入直接生成结构化图表，导出 PNG 和 SVG。哔哩哔哩
这条路线上声量最大的是 drawio-skill，现在它堆了 38 个脚本、128 个测试，GitHub Star 突破 6500。哔哩哔哩但坑也没完全消除：自动连线的路由还不聪明，复杂图里线会横穿模块、标签挤在一起，图一大，整理连线比画图还累。
适合：要分层、要评审、要反复改的系统架构图——多数架构师的日常主力。
路线三：设计系统成品图（diagram-design / Archify）——交付的最后一步
思路最激进：跳过 DSL 中间格式，让 Agent 直接输出自包含 HTML + SVG，由设计系统管布局。最近冲上 GitHub 周榜前列的 diagram-design 就是这类：有实测核查时项目约 2.4 万 Star，一周新增约 1.4 万，列了 38 种图表类型。它顺带治了 AI 画图的另一个通病——让 AI 画架构图，最常见的问题往往不是画错，而是画得都一样：几个圆角矩形，一组箭头，再配上蓝紫渐变。知乎
Archify 是这条路线的另一匹黑马：一周涨近 1000 星、总量 3800+，能装进 Claude、Cursor、Codex 等编码 Agent，支持架构图、工作流图、时序图等 5 种图，还能像聊天一样改图，“加个 Redis”"把认证挪到左边"一句话就行。哔哩哔哩
代价同样清楚：这类工具重绘时会丢弃源坐标、源配色、源字体，你没法在编辑器里手动微调。知乎它管的是好看，不是可改。
适合：进对外文档、述职、评审 PPT 的交付级图——最后一步用它"上妆"，别用它画草稿。
路线四：从代码里长出来的图——最值得盯的方向
前三条路线本质还是"你描述，AI 画"。第四条路线把问题本身换了：图不是画出来的，是从系统里提取出来的。
drawio-skill v2.1 已经迈出了第一步：不用你描述，它自己读代码、自己画，内置的 13 个提取器覆盖大部分基础设施，还能读线上正在跑的系统画出实况图。哔哩哔哩更进一步，它还能对比"图和真实系统"的差异——这就是架构师们念叨多年的"架构漂移"。也有 likec4 这样的项目，干脆把架构图写成代码，让图跟着系统实时更新。
一张选型表：先问这张图处在哪个阶段
那篇文章里最值钱的判断是：你该问的不是哪个工具最好，而是这张图现在处在哪个阶段。知乎
你的场景 | 推荐路线 | 理由 |
|---|---|---|
推敲草稿、迭代修改 | 路线二（draw.io MCP / drawio-skill） | 坐标可控、可手改、层级钉得住 |
时序图、进版本文档 | 路线一（Mermaid） | 文本即源码，成功率高 |
设计评审 | 路线二画图 + 手动微调 | 评审看到的是你脑子里的层级 |
对外交付、述职汇报 | 路线三重绘（diagram-design / Archify） | 一次出交付级卖相 |
团队长期维护 | 盯路线四 | 从代码生成的图不会腐烂 |
再补两点：
只是偶尔画简单图，不必急着装整套技能，先试把 Mermaid、Excalidraw、Draw.io 三种引擎集成在一起的在线工具。哔哩哔哩
装技能类插件的前提，是你已经在用 Claude Code 这类编码 Agent，否则学习成本大于收益。
三个成本提醒
第一，识别商单。B站的"AI 画图神器"视频里，不少是商业软件推广：视频讲功能，评论区领礼包、填渠道码。哔哩哔哩判断标准就三条：输出能不能编辑、是不是绑定付费订阅、社区活不活跃。
第二，人工核对省不得。无论哪条路线，AI 出图后都要核三件事：组件关系对不对、调用顺序对不对、权限边界对不对。画错比画丑更贵。
第三，别为完美主义买单。很多人弃坑 AI 画图，是因为坚持用一个工具画完一张图。把阶段拆开、按阶段配工具，总时间成本反而最低。知乎
接下来盯什么
架构图的终局，可能不是更好看的图，而是不用画的图。三个值得盯的信号：
路线四的提取器能否覆盖更多业务语义（盯 drawio-skill 的版本更新）；
diagram-design 这类成品图工具会不会开放"可手改"——一旦开放，会直接威胁路线二的位置；
架构评审流程会不会接受"机器生成的图"作为交付标准。
画图如此，搭架构也如此：把确定性留在结构里，把不确定性留给模型。
