开源|再见收费ProcessOn,下一代Draw.io免费发布，不再手动画图，可通过AI对话、绘制、可视化来画图，本地化一键部署

前言

现在做技术方案、系统架构、流程梳理，画图几乎是绕不开的一环。很多人用过 ProcessOn、Draw.io 这类工具，但要么免费版功能受限，要么协作流程繁琐，更别说还要手动拖拽连线、调整布局，费时又费力。

有没有一种方式，能让画图这件事变得像聊天一样简单？你只要用自然语言描述“我要一个用户登录流程图，包含 MFA 和会话管理”，图就自动生成出来？更进一步，还能上传 PDF 或截图，AI 自动识别内容、反向生成可编辑图表？

最近，一款名为 Next AI Draw.io 的开源项目火了。它把 Draw.io 的强大绘图能力，和 LLM（大语言模型）的自然语言理解能力深度整合，真正实现了“说图出图”。而且支持一键本地部署，数据完全掌握在自己手里，这对注重安全和效率的技术团队来说，吸引力非常大。

介绍

这个项目本质上是一个基于 Next.js 构建的 Web 应用，前端内嵌了 draw.io 的可视化编辑器，后端对接了主流大模型 API（比如 OpenAI、Anthropic、Google、Azure 等），通过自然语言指令驱动图表的创建与修改。

它的目标很明确：让画图这件事，从“手工活”变成“对话式协作”。无论是开发画系统架构，还是产品画业务流程，甚至非技术人员想快速表达一个想法，都可以用它高效完成。

前端

前端采用了 React + Next.js 的组合，界面干净直观。主区域是熟悉的 draw.io 编辑器，左侧或底部集成了一个聊天面板。你在这里输入指令，比如“画一个 AWS 架构图，用户通过 ALB 访问前端服务”，AI 会实时生成 XML 格式的图表数据，并渲染到编辑器中。

值得一提的是，前端支持 中文提示词，对国内用户非常友好。而且所有图表操作都有历史记录，可以随时回退到任意版本，避免“一不小心改错图”的尴尬。

后端

后端逻辑围绕 AI 推理展开。核心是调用 LLM 生成符合 draw.io XML Schema 的结构化输出。为了保证生成质量，项目推荐使用能力较强的模型，比如 Claude Sonnet 4.5、GPT-4o、Gemini 2.0 等。

后端通过 Vercel AI SDK 实现多模型兼容，不同厂商的 API 调用被统一抽象，配置起来非常灵活。所有用户输入和模型响应都在本地浏览器或自建服务器处理，不会把敏感数据上传到第三方。

特点

• • 自然语言画图：用中文描述需求，AI 自动生成图表。
• • 支持图像/PDF反向生成：上传一张架构图截图，AI 能还原成可编辑的 draw.io 图。
• • 云厂商图标原生支持：AWS、Azure、GCP 的官方图标库已集成，画云架构图更标准。
• • 动画连接器：连线可以带动画效果，展示数据流向更直观。
• • MCP 协议集成：支持在 VS Code、Cursor、Claude Desktop 等环境中直接调用，开发者体验更无缝。
• • 完整版本历史：每次 AI 修改都有记录，可对比、可回滚。

技术架构

整个系统采用前后端一体化的 Next.js 架构：

• • 前端：React + draw.io 嵌入式组件 + 实时聊天界面
• • 后端：Next.js API Routes + Vercel AI SDK + 多模型适配层
• • 数据格式：draw.io 原生 XML（兼容 .drawio 文件）
• • 状态管理：React Context 管理图表状态和聊天上下文
• • 部署方式：支持 Docker、Vercel、本地 Node 环境

关键逻辑集中在 lib/ai-providers.ts 和 components/chat-panel.tsx，扩展性良好。如果你熟悉 Next.js，很容易二次开发或集成到内部系统。

部署方式

最简单的方式是用 Docker 一键启动：

docker run -d -p 3000:3000 \
  -e AI_PROVIDER=openai \
  -e AI_MODEL=gpt-4o \
  -e OPENAI_API_KEY=你的密钥 \
  ghcr.io/dayuanjiang/next-ai-draw-io:latest

访问 http://localhost:3000 即可使用。也可以通过 .env 文件配置多个模型、设置访问密码（强烈建议开启，避免 API 密钥被滥用）。

对于企业用户，项目还提供了 离线部署方案，可完全断网运行，适合内网环境。

开源协议

项目已在 GitHub 开源，采用 Apache-2.0 协议，对商用极其友好。你可以免费用于个人、团队甚至商业项目，无需担心授权问题。代码结构清晰，文档齐全，拿来即用，还能根据业务需求定制。

即刻体验一波

不想本地部署？也提供了在线演示站，虽然限流，但足够试用：

你可以在聊天框输入类似这样的提示：

• • 画一个用户注册登录的流程图，包含邮箱验证和密码重置
• • 用 Azure 图标画一个微服务架构，前端通过 API Gateway 调用后端服务
• • 把这张系统截图转换成可编辑的架构图

生成的图表支持导出为 .drawio、PNG、PDF 等格式，也能直接嵌入 Confluence 或 Notion。支持多种方式导入，多种格式导出。

业务场景

想象几个真实场景：

• • 开发评审会前：后端工程师用一句话生成“订单创建的主流程图”，5 秒搞定，省去半小时画图时间。
• • 售前方案输出：解决方案工程师上传客户现有架构 PDF，AI 自动提取并生成对比图，快速输出改造建议。
• • 新人培训：用自然语言生成“系统权限模型示意图”，新同事一看就懂。
• • 跨部门对齐：产品说“用户从首页到支付完成的路径”，技术直接生成流程图，避免理解偏差。

这些场景过去都需要专业绘图技能或反复沟通，现在一个对话就解决，不过也有一些小瑕疵，就是有时候排版估计没有人工排版那么美观，需要做一些微调，因为是比较简单的提示词，或者低配版的大模型原因。

结语

Next AI Draw.io 不只是一款绘图工具，它代表了一种新的协作范式，用自然语言驱动可视化表达。对于每天和流程、架构、逻辑打交道的技术人来说，这可能是提升效率的关键一环。

开源、免费、可私有部署、支持中文，再加上对主流 AI 模型的兼容，让它在同类工具中脱颖而出。如果你正被画图拖慢节奏，不妨试试看。

技术在变，工具在进化，能更快把想法变成可视成果的人，总能在协作中占得先机。