告别手动画流程图！AI 一句话生成，直接拿到 draw.io 源文件
如果你经常画流程图，下面这个工具真的建议先收进收藏夹。
以前画一张稍微复杂的流程图，最烦的不是“不会画”，而是一个个节点拖、连线、调位置、改颜色，最后还得手动整理布局。
现在可以直接换个玩法：
你只需要把想画的东西告诉 AI。
比如输入一句：
画一个用户登录流程图，包含账号密码验证、短信验证码两步。
几秒钟后，节点、连线、颜色、布局全都自动生成。
更爽的是，它不是给你一张只能看的图片，而是可以直接生成可编辑的 draw.io 源文件。
拿到手以后，想改哪个节点就改哪个，想调整结构就拖一下，完全不用从头重画。
所以它真正厉害的地方不是“AI会画流程图”，而是：
把原本几十分钟的拖拽排版，变成一句话生成。
对于程序员、产品经理、架构师，甚至平时要做汇报和整理复杂逻辑的人来说，这种工具真的属于用了就很难回去的效率外挂。
如果你还在手动拖 draw.io，这个工具可以直接试试。
Next AI Draw.io 是一个基于 Next.js 开发的开源 Web 应用，作者 DayuanJiang。它的核心只有一句话：
把大模型接进 draw.io，让你用自然语言创建、修改、增强专业图表。
你可以把它理解成 「draw.io 的 AI 增强版」。它没有重复造轮子，而是直接站在了 draw.io 这个 10 年老牌工具的肩膀上——生成的每一张图都是标准 draw.io XML，可以导出、可以二次编辑、可以塞进 Confluence/Notion/飞书文档。
项目地址：https://github.com/DayuanJiang/next-ai-draw-io
1. 自然语言生成图表：嘴替手画
在左侧聊天框输入需求，右侧实时出图。
示例提示词：
生成一个 RAG 聊天应用的架构图，包含数据摄取、向量数据库、LLM、推理链路。
AI 会自动生成节点、连线、标签、布局，并且调用正确的 AWS/GCP/Azure 官方图标。
2. 图片/手绘草图转可编辑图表
拍一张白板草图或 PPT 截图上传，AI 自动识别结构，生成可编辑的 draw.io 图。再也不用照着图片手搓一遍。
3. PDF/文本文件一键转图
上传技术文档、论文、Markdown 文件，AI 提取核心逻辑，自动转成流程图或架构图。项目 README 明确标注：支持 PDF 与文本文件上传。
4. 版本历史：AI 改坏了能回滚
每次 AI 修改都会留下版本记录。你可以随时查看、恢复到 AI 编辑前的状态——这个设计非常务实，因为 AI 画图不是每次都完美。
5. 云架构图专属优化
对 AWS、GCP、Azure 三大云厂商做了专门支持。官方 README 特别提示：Claude 系列模型在训练数据中见过大量带 AWS/Azure/GCP 图标的 draw.io 图，画云架构时效果最稳。
6. 动画连接器
给节点之间的连线加动态效果，演示架构数据流向、流程运转时，比静态图直观得多。
Next AI Draw.io 不只是网页工具，它还有一个 MCP Server（Model Context Protocol）。
这意味着你可以直接在 Claude Desktop、Cursor、VS Code 里调用它画图。
配置方式简单到离谱：
MCP 配置（JSON）
{ "mcpServers": { "drawio": { "command": "npx", "args": ["@next-ai-drawio/mcp-server@latest"] } }}
Claude Code 一行命令
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
然后你可以对 Claude 说：
创建一个展示用户认证流程的流程图，包含登录、MFA 和会话管理。
图表会实时弹窗显示在你的浏览器里。
这一举动真正改变了工作流：你正在写代码、改文档、开评审会，AI 直接在你屏幕上把图产出了。
项目官网明确说明：
演示站点现已接入强大的 glm-4.7 模型，新用户注册火山引擎 ARK 平台可领 50 万免费 Token。
但项目本身是模型中立的，支持 14+ 家主流 AI 提供商：
字节跳动豆包 · OpenAI · Anthropic（Claude）· Google AI / Vertex AI
AWS Bedrock（默认）· Azure OpenAI · DeepSeek · SiliconFlow
Ollama（本地模型）· OpenRouter · ModelScope · SGLang · Vercel AI Gateway
官方推荐模型：Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro、DeepSeek V3.2/R1。
为什么强调 Claude 画云架构更稳？因为 draw.io XML 是长文本+严格格式约束，Claude 在这类带云厂商 Logo 的图上训练量更大，出图成功率更高。
方式一：在线 Demo（零门槛）
直接访问：https://next-ai-draw-io.jiang.jp/
支持 BYOK（Bring Your Own API Key），密钥只保存在浏览器本地，不上传服务器。
方式二：桌面应用（离线可用）
从 GitHub Releases 下载 Windows / macOS / Linux 原生客户端。
方式三：Docker / 本地部署（数据安全）
本地部署命令
git clone https://github.com/DayuanJiang/next-ai-draw-iocd next-ai-draw-ionpm installcp env.example .env.local
适合企业内网、对数据隐私有要求的团队。
方式四：一键云端部署
Vercel（官方推荐）
腾讯云 EdgeOne Pages（部署还送每日 DeepSeek 免费额度）
Cloudflare Workers
适合人群与用法
模板 1：流程图
画一个电商下单流程图，包含浏览商品、加入购物车、提交订单、支付、发货、确认收货、售后 7 个节点，标出异常分支。
模板 2：云架构图
生成一个 AWS 架构图：用户通过 CloudFront 访问 React 前端，API Gateway 调用 Lambda，Lambda 读写 RDS PostgreSQL，使用 S3 存储静态资源。
模板 3：图片复刻
（上传一张手绘草图或 PPT 截图）请把这张图转成可编辑的 draw.io 流程图，保持原结构，自动美化布局。
几个小提醒:
1. Demo 站有额度限制。高频使用建议配置自己的 API Key，或本地部署。
2. 模型能力决定出图质量。小模型容易把 XML 写错，导致图渲染失败。建议用官方推荐的 Claude / GPT / Gemini / DeepSeek 系列。
3. 复杂图仍需人工微调。AI 出的是「80 分初稿」，边界情况、品牌规范、特殊布局还要人过一遍。
4. 美/欧等地区有合规限制。部分模型提供商对使用区域有单独授权要求，企业部署前先查 Provider 配置文档。
很多人会疑惑：AI 画图工具那么多，为什么偏偏 next-ai-draw-io 火了？
我觉得答案就两点：
第一，它不造新轮子，而是把 AI 接进了最成熟的轮子。 draw.io 用了十几年，生态、格式、习惯都在，next-ai-draw-io 没有让用户换战场。
第二，它真的懂工作流。 从自然语言到图片复刻，从网页到桌面到 MCP Server，从豆包 Demo 到自己私有部署——它覆盖了想试试到团队规模化使用的完整路径。
如果你还在用鼠标一个个拖流程图节点，不妨花 3 分钟打开 Demo 试试。
毕竟，能说话解决的事，就别动手了。