Next AI Draw.io：对话式 AI 绘图工具

项目简介

Next AI Draw.io 是一个把 AI 对话接到真实 draw.io 画布上的绘图工具。用一句话描述想要的图，AI 就会在 draw.io 画布上把它画出来；之后可以像普通 draw.io 文件一样手动编辑，也可以选中若干图形让 AI 只改这些部分。每一次 AI 改动都会生成一个版本，可以对比、恢复或撤销，结果能导出为 .drawio、.png 或 .svg。

项目提供网页版、Windows / macOS / Linux 桌面版，以及供 Claude Code、Cursor、VS Code 等 AI 客户端调用的 MCP Server。

主要功能

绘图

• 一句话生成架构图、流程图、时序图等，内置 AWS、Azure、GCP、Kubernetes 图标库
• 连接线可以带流动动画
• 上传截图或草图，AI 重新绘制；上传 PDF、Markdown、代码等文本文件，生成内容图

编辑

• 对话式修改：改动流式呈现在画布上，刚被 AI 改过的图形会高亮
• 选中图形后提问，AI 只修改选中的部分
• 每个 AI 改动是一张带缩略图的版本卡片，可对比、恢复、撤销；画布上按 Ctrl+Z 也能一步撤回 AI 改动
• 它就是普通 draw.io 图：双击改名、拖动、改样式、多页面，随时导出为 .drawio、.png、.svg 或 .drawio.svg

模型与界面

• 支持 25 家模型提供商，含兼容 OpenAI 的自定义 URL 预设；在浏览器里填自己的 API key，密钥留在本机
• 支持推理模型的思考过程展示
• 深色模式；界面提供英文、简体中文、繁体中文和日文

安装与使用

在线演示：打开 https://next-ai-drawio.jiang.jp/ 即可使用，无需安装。演示站有使用限额，在聊天面板点击设置图标，填入自己的提供商和 API key 即可解除。

桌面版：从 Releases 页面下载 Windows、macOS 或 Linux 安装包。

在 AI 客户端中通过 MCP 使用：把下面的配置加入客户端的 MCP 配置。

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

Claude Code 用一条命令即可添加（--scope user 让它在所有项目中可用）：

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

本地自托管：

git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install
cp env.example .env.local
npm run dev

然后打开 http://localhost:6002 。也支持一键部署到 Tencent EdgeOne Pages、Vercel、Cloudflare Workers 或 Docker。

注意事项

• 这项任务需要输出严格格式的长文本（draw.io XML），建议选择能力较强的模型，小模型容易画出残缺的图。
• MCP Server 会描边标出 AI 改动，一次 Ctrl+Z 即可撤回；支持版本历史、多页面，并自动保存到 ~/.next-ai-drawio/，包内自带 draw.io 编辑器，可离线预览。
• 可一次配置多个模型，用 ADMIN_PASSWORD 打开 /admin 管理模型、访问码、功能开关与配额。
• 项目使用 Apache-2.0 许可证。

---

本作品整理自 GitHub 开源项目 DayuanJiang/next-ai-draw-io，原作者 @DayuanJiang，许可证 Apache-2.0。中文介绍由 AI 根据项目 README 整理，以原仓库为准。