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_PROVIDERopenai -e AI_MODELgpt-4o \ -e OPENAI_API_KEYyour_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 服务即可完全离线运行。下一步建议先用在线 Demo 确认你要画哪类图别急着折腾环境按用途选模型云架构优先 Claude中文场景试豆包离线需求走 Ollama个人使用直接 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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考