一句话画出架构图：next-ai-draw-io AI 绘图完整指南

一句话画出架构图next-ai-draw-io AI 绘图完整指南【免费下载链接】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-ioNext AI Draw.io 是一款集成大语言模型与 draw.io 的开源 AI 绘图工具用自然语言对话即可自动生成流程图、云架构图、UML 等支持 OpenAI、Claude、Gemini 等 16 家 AI 提供商Docker 一条命令即可部署。先画图再抠细节把绘图交给 AI 的思路画一张系统架构图真正耗时的往往不是设计思路而是拖框、连线、对齐、换图标。需求一改所有连线还得重画。next-ai-draw-io 的做法是把这些体力活移交给 AI你只描述要画什么模型直接产出完整的 draw.io XML画布实时渲染生成的图表依然完全可编辑不是一次性图片。它具体能做什么一句话生成、对话式修改、文档转图一句话生成专业图表画一个带负载均衡器和 3 个 EC2 实例的 AWS 高可用架构或者灯泡不亮了怎么排查把需求写清楚AI 会输出组件、连线和判断分支都齐全的图表。项目内置了流程图、云架构AWS / Azure / GCP、Kubernetes 等 30 多个图形库的规范文档见 docs/shape-libraries/所以云图标这类容易画错的部分也能基本还原。对话式修改图表历史版本可回滚不用每次从零重画。在聊天面板里继续说数据库换成 PostgreSQL加一层缓存AI 会直接修改现有图表。每次修改都会自动记录版本改崩了可以一键回退到 AI 编辑前的状态这点比手工在 draw.io 里反复试错省心。上传图片和文档把存量资料变成可编辑图上传现有图表或截图AI 识别后用 draw.io 格式复刻并增强上传 PDF 技术文档提取内容后生成对应架构图上传文本需求文档直接转成流程图三种方式在 3 分钟内快速上手 AI 绘图方式一在线体验先感受交互官方提供了在线演示站点入口见仓库 README无需安装。演示版有使用配额但你可以点聊天面板里的设置图标填入自己的 API Key 绕过限制——密钥只存在浏览器本地不会上传到服务器。方式二Docker 一键本地部署下面这条命令以 OpenAI 为默认模型启动应用把密钥换成你自己的即可docker run -d -p 3000:3000 \ -e AI_PROVIDERopenai \ -e OPENAI_API_KEYyour_api_key \ ghcr.io/dayuanjiang/next-ai-draw-io:latest启动后打开浏览器访问http://localhost:3000就能用。不想逐条传-e参数的话也可以用--env-file .env一次性加载配置文件。方式三源码运行适合想改代码的人先克隆仓库安装依赖再复制环境变量模板并启动开发服务器默认端口 6002git 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编辑.env.local里的AI_PROVIDER和对应 API Key 即可切换模型。各提供商豆包、Gemini、DeepSeek、Ollama 等的具体变量和端点配置建议直接查 docs/cn/ai-providers.md每个提供商都有现成示例。进阶玩法MCP 实时绘图、团队部署与离线环境在 Claude Desktop / IDE 里让 AI Agent 直接画图项目附带了一个 MCP 服务器packages/mcp-server/把它接入 Claude Code、Cursor 等客户端后对 AI 说一句创建用户认证流程图图表会实时出现在浏览器里——绘图从网页工具变成了 AI 编程助手的一项技能claude mcp add drawio -- npx next-ai-drawio/mcp-serverlatest团队部署一个管理面板管所有模型多人共用时不必让每个人自带 Key。设置ADMIN_PASSWORD环境变量后访问/admin就能在网页上配置服务端模型列表、访问码和用量配额保存后立即生效不用再手动改.env。内网 / 断网环境离线部署应用默认加载embed.diagrams.net来渲染图表内网访问不到时可以自建 draw.io 服务替换。NEXT_PUBLIC_DRAWIO_BASE_URL是构建时变量配置细节包括 URL 该填浏览器可访问的地址这类坑都写在 docs/cn/offline-deployment.md照抄 docker-compose 片段即可。下一步建议先在在线演示里试几句找到描述图表最有效的问法用 Docker 命令部署自己的实例接入已有 API Key 的提供商画云架构图时优先考虑 Claude 系列模型——官方 README 提到它对 AWS、Azure、GCP 云图标做过针对性训练还原度最好。【免费下载链接】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），仅供参考