Next AI Draw.io

一句话画图，画完还能改

Next AI Draw.io 把大模型接到真实的 draw.io 画布上：你用一句话描述需求，AI 直接在画布上画出图形；画完之后，它仍然是一份普通的 draw.io 文件，可以双击改名、拖动、改样式、分多页，也能随时导出为 .drawio、.png、.svg。

主要能力

生成

• 架构图、流程图、时序图、ER 图、BPMN、用户旅程图等常见图种
• 内置 AWS、Azure、GCP、Kubernetes 图标库，连接线可加流动动画
• 上传截图或手绘草图，AI 按图重绘；上传 PDF、Markdown、代码等文本文件，自动生成内容结构图

编辑

• 对话式修改：改动以流式方式落到画布上，刚被改动的图形会高亮
• 选中局部图形再下指令，AI 只改选中的部分
• 每次 AI 改动生成一张版本卡片（带缩略图），可对比、恢复、撤销；画布上按 Ctrl+Z 也能一步撤回 AI 改动

使用形态

• Web 应用：打开官网即可试用，Demo 有次数限制，填入自己的模型与 API Key 可解除
• 桌面应用：Windows、macOS、Linux 安装包见 Releases
• MCP Server：让 Claude Code、Cursor、VS Code 等 AI 客户端直接调用画图能力

在 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

模型与隐私

• 支持 25 家模型供应商，并提供 OpenAI 兼容预设，可填写任意兼容接口地址
• API Key 在浏览器中填写并保存在本地，不提交到服务端存储
• 支持展示推理模型的思考过程，界面提供深色模式，含简体中文、繁体中文、英文、日文

适合谁

需要快速产出架构图、流程图、ER 图等交付物的开发者与架构师；希望在 AI 编码工具里顺手出图的 Claude Code / Cursor 用户；以及想基于 Next.js + Electron 二次开发画图工具的前端团队。