AI 画流程和架构图可以更便宜、更好改：改一个字，不用整张重画

用生图模型改三个字，汉字变得模糊甚至笔画都错。我尝试过几种较为稳定的生图方案，比如用 Mermaid，修改文字快，但构图偏干。白板工具第一眼好看，下一轮不好动。所以我一直在找一种能稳定生成信息图、架构图、流程图等信息密度比较强的方法，且也不至于不好看的方法。

找了一圈后，还是没找到我心仪的方案，于是我自己做了一个“手绘信息图”的 AI skill，我把它跟这几种常用画法放在一起比以下，你就知道为什么我会做这个 skill 了。

读者要看谁连谁，draw.io 配上 MCP 更强，图形库大、标准记法齐。这个工具的位置是读者要看长什么样、怎么变。

能画成什么样

政策路径。

研究框架。

教学示意。

服务架构。

方案对比。

用户旅程。

平台架构。

结构变化。

怎么用

手绘信息图 是个开源 Agent Skill，一行命令装上：

npx skills add morvanzhou/sketch-infographic

装好之后不用学画图语法。直接跟 Agent 说这张图要讲清谁跟谁的关系、给谁看、放在哪，它自己选图式、排版、出图。

第二轮才是关键。要改「供应商」这个词、给某个框换颜色、把两个挤在一起的节点挪开，就指着那一处说，别的地方不动。图按上一版定好的关系重画，不用再请生图模型把所有笔画描一遍。

如果我们持续在修改一张图，也好修改，因为这张图本质上就是一份代码，只需要让 AI 改代码那样，图就能立马重行生成并更新。而且改坏了能退回去。

发给别人时导出 PNG，免得对方电脑缺字体，把字显示成方框。

表上还有两件事没写。汉字是写进去的，不会缺笔画，但步骤名可能写错，那是内容错了，改那个词就行。箭头要是穿过了不该穿的框，程序会拦住，这张图直接出不来。

什么时候别用它

先看你要的是什么：

• 好看的封面、插画、氛围图：去找生图，这套画法给不了写实质感
• 标准云架构图、UML、BPMN：draw.io 有上万个现成图形和标准记法，配上 MCP 也能让 Agent 画，我这边只有一套通用图标
• 一页要点：幻灯片更快，我自己也还在用
• 大规模数据、要能点能筛的统计图：用专业图表库
• 一句话就能说清的事：别画图

再看你在什么场景里画。团队已经统一 Mermaid，画的又都是文档里的最简流程，就继续用 Mermaid，没必要换。图交出去之后同事要自己在界面上拖着改，也该用 draw.io，我这边改图得经过 Agent 或者动代码。

还有一种容易误判：图只画一次，画完就扔。这时候省不省不一定，生图、白板、手画都行。这套画法的便宜省在第二轮之后，同一张图改的轮数越多，差距越明显。

我是改了好几轮汇报图才做出它的。会一直改的图，才值得换。