ARTICLE · 1042838
别装画图软件了!这个开源神器,让 AI 一句话出架构图
别装画图软件了！这个开源神器，让 AI 一句话出架构图
先说痛点：上周要给领导讲一版系统改造方案，我打开 draw.io 折腾四十分钟：框摆不齐、箭头绕来绕去、改一个层级全图错位，导出还糊。最后图没画好看，方案也没讲利索。
后来我换了个做法：把要画的东西用一段话讲给 AI 听，它直接给我一个 .html 文件，双击就是一张干净的架构图，字能改、框能挪，还能随手截屏贴进文档。
这是什么：一个"用提示词出图"的开源项目
GitHub 上有几个专门干这事儿的开源项目（archify、diagram-design 这一类，各自都有几万星）。它们不让你拖拽画图，而是反过来：你用自然语言描述结构，它生成一个自包含的 HTML 图表文件——单个 .html，不引外链、不依赖任何库，双击就能在浏览器里打开，文字直接改。
说白了，它把"画图"这件事，从"学软件"变成了"说人话"。你不用记快捷键，只要能把上下游关系讲明白。
能 · 不能（先说清楚，免得你踩坑）
✅ 能：画系统架构图、流程/流水线图、组织与模块关系图；产物是单个自包含 HTML，双击即开、文字可改、可截屏、可丢进文档；配色和结构能用提示词调。
❌ 不能：它不替你想清楚业务，节点和关系你得自己想明白；复杂的三维/超精细示意图它画不了；输出依赖你调用的那个 AI 的代码能力，节点特别多时要分块喂（一次别塞太满）。
三步跑通（我刚在本地真试过）
第 1 步：把提示词丢给任意 AI
WorkBuddy、Claude、豆包、Kimi 都行。核心是把你自己的业务节点讲清楚：
第 2 步：把 AI 给的代码存成 .html
新建一个文本文件，粘贴进去，另存为 架构图.html（编码选 UTF-8）。
第 3 步：双击打开
浏览器里就是一张成品图。要改字？直接改 HTML 里的文字；要换配色？告诉 AI"把主色换成蓝色"再来一版。
真跑通证据（不是示意图，是我本机渲染的）
我用上面那段提示词，本机生成了一张自包含 HTML 架构图，并用浏览器渲染截图——从"一句话"到"一张能改的图"，全程没装任何画图软件：
它和 draw.io / Visio 到底差在哪？
draw.io / Visio：你得会拖拽、会对齐、会连箭头；改结构要手动重排。适合一次成型的精细正式图。
提示词出图（archify 这类）：你说人话，AI 出代码，图是网页、随时改、随时重生成。适合方案草稿、内部沟通、快速试结构——尤其是"我就是想把想法先画出来给人看"的场景。