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 结构。适合三类人：想快速出图的开发者、需要向别人解释系统设计的产品与架构人员，以及把演示站点或桌面应用分享给团队的管理者。

先看它能做什么

能力	说明
🗣️ 自然语言生成	对话式创建 draw.io 图表，支持流程图、架构图、UML 等 draw.io 支持的所有类型
修改与增强	对已有图表继续提修改意见，也可上传图片让 AI 识别并重建
文件转图表	上传 PDF 或文本文件，提取内容后生成对应图表
☁️ 云架构图	针对 AWS、GCP、Azure 组件做了专门优化，logo 与拓扑更准确
历史版本	每次 AI 编辑前自动留档，可对比、可回滚
推理过程展示	支持推理的模型会显示思考过程，方便你判断结果是否靠谱

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：

你的需求	推荐模型	原因
云架构图	Claude 系列	用 AWS、Azure、GCP 架构图样数据训练过，组件 logo 更准
通用流程/业务图	GPT 系列、DeepSeek	通用指令遵循稳定
中文图表	豆包	中文表达优化，注册 ARK 平台有免费 Token 可领
完全离线	Ollama	本地模型，不出内网

团队使用与进阶配置

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