Next AI Draw.io：一句话画出 draw.io 图表，从 Docker 部署到模型选型的完整上手指南

Next AI Draw.io：一句话画出 draw.io 图表，从 Docker 部署到模型选型的完整上手指南

【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io

用自然语言描述一句"画一张包含负载均衡、3 台实例和数据库的架构图"，Next AI Draw.io 就能直接生成一张可编辑的 draw.io 图表，而不是给你一段需要自己拼起来的 XML。它基于 Next.js 构建，底层通过 Vercel AI SDK 对接各家大模型（LLM，即大语言模型），把对话内容翻译成 draw.io 可渲染的 XML 结构。适合三类人：想快速出图的开发者、需要向别人解释系统设计的产品与架构人员，以及把演示站点或桌面应用分享给团队的管理者。

先看它能做什么

3 种上手方式：在线试用、Docker 一行部署、源码运行

在线试用（零安装）：直接打开官方 Demo 即可体验。若遇到配额限制，在聊天面板设置里填入自己的 API Key 即可绕过，密钥只存在浏览器本地，不会上传服务器。

Docker 部署（3 分钟本地跑起来）：

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

命令跑完后访问 http://localhost:3000。不想写一堆-e参数时，也可以复制env.example为.env填好配置，再用--env-file .env启动。

源码运行（适合二次开发）：

git clone https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io cd next-ai-draw-io && npm install && cp env.example .env.local npm run dev

然后打开 http://localhost:6002 就能看到应用。

实际能干什么：3 个真实场景

场景一：一句话生成云架构图。在对话框里输入：

画一个 AWS 高可用架构：CloudFront 在前端，ALB 后面挂 3 台 EC2，数据层用 RDS 主从加 ElastiCache 缓存。

得到的是一张组件齐全、带 AWS 官方样式图标和连接关系的架构图，不是静态图片——每个节点仍是 draw.io 里的独立元素，可以继续拖拽、改标签或导出 SVG/PNG。

场景二：把文档变成图。上传一份 PDF 设计文档或纯文本需求说明，AI 提取其中的流程和结构后输出对应图表；如果你手头只有一张旧图截图，直接上传图片也可以，AI 会把它识别并重建为可编辑版本。

场景三：对话式改图。生成初稿后不必从头再来，直接说"给数据库后面加一层只读副本""把颜色统一成蓝色系"，AI 会在当前 XML 基础上增量修改。每一轮编辑前都有版本快照，不满意可以回退到之前的状态。

AI 提供商怎么选

项目内置了 16 家提供商，包括 OpenAI、Anthropic、Google Gemini、AWS Bedrock、豆包、DeepSeek、Ollama 等，其中除 AWS Bedrock 和 OpenRouter 外都支持自定义端点。官方建议选用长文本格式能力强的模型，推荐列表是 Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro、DeepSeek V3.2/R1：

团队使用与进阶配置

• 多模型共享：通过AI_MODELS_CONFIG环境变量或ai-models.json配置多个服务端模型，团队成员无需各自准备 API Key。
• 访问与配额控制：设置ADMIN_PASSWORD后可访问/admin面板，统一管理模型、访问码、功能开关和使用配额，保存即生效、无需重启。
• 离线环境：内网访问不了默认的embed.diagrams.net时，用 Docker Compose 自带一份 draw.io 服务即可完全离线运行。

下一步建议

1. 先用在线 Demo 确认你要画哪类图，别急着折腾环境；
2. 按用途选模型：云架构优先 Claude，中文场景试豆包，离线需求走 Ollama；
3. 个人使用直接 Docker 部署，团队共享再开管理员面板配置访问码与配额。

延伸阅读：AI 提供商配置指南、Docker 部署指南、离线部署指南、管理员面板说明。

【免费下载链接】next-ai-draw-ioA next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.项目地址: https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io