架构图，张嘴就来

#AI#独立开发

干我们这行的，最怕的不是写代码，是写完代码还得画图。

框要一个一个拖，线要一根一根连，这头对齐了那头又歪了，一下午就这么交代了。好不容易画完，老板瞄一眼：“缓存那块儿挪一下。”得，整张图跟着重来。

最近有个开源项目，专治这个。用它画图，手都不用伸，动嘴就行。

卡通插图：左边戴黑色棒球帽的 lzbob 端着搪瓷茶缸，张嘴说话，气泡里写着“画个架构图，连线要会跑的。”；中间的大显示器上，一张架构图正自己画出来：用户、网关、服务、缓存、数据库五个框，红色的连线上有流动的虚线，刚画好的缓存框外面围着一圈黄色虚线；右边一个棕头发、穿绿色卫衣的同事趴在笔记本电脑后面握着鼠标，满头大汗，桌上扔着两个纸团，墙上的钟指着五点。
左边这位动嘴，图自己往外长。右边这位动手，墙上都五点了，第三根线还没对齐。

先说是个啥

项目叫 Next AI Draw.io，作者 Dayuan Jiang，住在东京。一句话：跟 AI 聊着天，把 draw.io 的图画了。

draw.io 大伙儿都熟，画流程图、架构图的老牌免费工具。

这个项目 2025 年 3 月开张，到现在攒了 3.6 万颗星（我看的时候是 36,334），3 千 8 百多个 fork，Apache 2.0 协议，TypeScript 加 Next.js 写的。有三种吃法：网页版；桌面版，Windows、macOS、Linux 都有；还有一个 MCP server，能直接接进 Claude Code、Cursor、Codex、VS Code 这些 AI 助手。

治的是什么病

让 AI 画图，这事儿以前也有人干。毛病是画出来往往是一张死图片，看着挺像回事儿，想改一个字都没门儿，只能从头再说一遍，跟抽盲盒似的。

这个项目不一样。AI 是在一块真正的 draw.io 画布上画，画出来的就是一张普通的 draw.io 图：双击能改名，拖动能挪位置，样式随便调，能分好几页，随时导出 .drawio、.png、.svg。

说白了，AI 打底，你收尾，谁也不耽误谁。

文字卡片：画图最磨人的，不是画，是改。拖框、对齐、连线，一下午就没了。老板一句“这块挪一下”，整张图跟着重来。这个项目：张嘴一说，AI 在 draw.io 画布上画，画完还能接着改。下面是一个灰色的“动手”箭头指向红色的“动嘴”。

都能干点儿啥

一句话出图。 架构图、流程图、时序图，说一句就有。AWS、Azure、GCP、Kubernetes 的图标库都是现成的，画云架构不用自己满世界找图标。

连线会跑。 连接线可以带流动的动画，数据从哪儿流到哪儿，一眼就看明白了。搁以前，这得在 PPT 里一根一根调动画，调完人都老了三岁。

照着画。 白板上的草图拍张照，或者别处截的图，扔给它，它给你重新画得规规矩矩。PDF、Markdown、代码文件也能扔进去，它从内容里抽出结构画成图。接手一个没文档的老项目，这招倍儿管用。

动嘴改图。 说一句“把缓存挪到网关后面”，改动一边生成一边落到画布上，刚改过的图形会高亮，改了哪儿门儿清。

只改选中的。 在画布上选中几个图形再跟它说话，它就只动这几个，别的地方一根线都不碰。

后悔药管够。 AI 每改一次，就存一张带缩略图的版本卡片，能跟当前画布对比，能恢复，能撤销。画布上按 Ctrl+Z，也能一步把 AI 的改动撤回去。

思考过程摆在明面上。 用支持推理的模型，它琢磨的过程会显示出来。画得对不对，先看看它是怎么想的。

怎么用

最省事的是直接打开 在线 Demo，啥也不用装。Demo 有用量限制，在聊天框的设置里填上自己的模型服务商和 API Key 就解了。Key 只存在你自己的浏览器里，不往服务器上存。

想在自己电脑上用，去 Releases 页面下桌面版。

要是你天天泡在 Claude Code 里，一条命令把它接进去（--scope user 是让所有项目都能用）：

claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest

Cursor 和 VS Code 在 README 里有一键安装的按钮，别的客户端把这段加进 MCP 配置就行：

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["@next-ai-drawio/mcp-server@latest"]
    }
  }
}

装好以后直接说人话，比如“画一个用户登录的流程图，带上 MFA 和会话管理”，图就在浏览器里一笔一笔画出来了。MCP 版还带个截图工具，AI 能看着自己画的图挑毛病、自己改，这点比有些同事强。

用什么模型

一共支持 25 家模型服务商，默认是 AWS Bedrock。OpenAI、Anthropic、Google、Azure 这些大户都在，DeepSeek、豆包、智谱 GLM、通义千问、Kimi、MiniMax、硅基流动也都有，还能用 Ollama 跑本地模型。

有句实在话得提一句：画 draw.io 图，说白了是让模型吐一大段格式死严的 XML，小模型容易画散架。所以别抠门，挑个能干的。

想自己搭

Vercel、Cloudflare Workers、Docker 都行。腾讯 EdgeOne Pages 能一键部署，部署在那儿还送每天的 DeepSeek 免费额度。公司内网、连不了外网的环境，也有离线部署的文档。

搭好了可以配好几个模型，再设个管理员密码，在 /admin 后台管模型、访问码和用量额度。团队里一个人搭好，大伙儿就不用各自去申请 Key 了。

跟 draw.io 自带的 AI 有啥不一样

draw.io 自己其实也有 AI，在 Arrange > Insert > Generate，用的是免费的托管模型，也可以填你自己的 Key。

Next AI Draw.io 的不同在于：每次说话，都把当前画布连同你手动改过的地方一起发给 AI；AI 每改一次都是一个能对比、能恢复的版本；模型能在 25 家里随便挑，本地的也行。

一个是 draw.io 里添了个帮手，一个是给帮手配齐了整套家伙事儿。

最后说两句

画图这活儿，以前是手上的功夫，现在成了嘴上的功夫。

以前说一个人“张嘴就来”，那是骂他不靠谱。现在张嘴就来的，是一张能改、能撤、连线还会跑的架构图。

往后谁再跟你说“这张图我画了一下午”，你心里就有数了：他要么是没听说过这个，要么是在摸鱼。

红墙结尾卡片：往后谁再说“这图画了一下午”，要么是没听说过这个，要么是在摸鱼。下面是戴黑色棒球帽的 lzbob 卡通头像。

Comments

More writing