AI绘图工具Next AI Draw.io完整指南3分钟把自然语言变成可编辑图表【免费下载链接】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你有没有被要求画一张架构图却不想打开复杂的绘图工具、花上一小时拖框连线Next AI Draw.io 是一个开源的AI绘图工具你用自然语言说出想画什么它直接输出一张完整可编辑的 draw.io 图表。不需要任何绘图基础在线体验或 Docker 一键部署3 分钟就能上手。30秒看懂它能干嘛它把大模型接进 draw.io 的画布——你在聊天面板里说的话就是 AI 在画布上画的东西。自然语言绘图一句话生成流程图、架构图、UML 图产出完全可编辑16 家模型提供商OpenAI、Claude、Gemini、豆包、DeepSeek 等一键切换现有资料变图上传 PDF、文本文件或图片从内容里提取信息生成图表图片转图上传已有图表的截图AI 帮你复刻并增强历史可回滚每次 AI 修改都有版本记录改坏了能退回适合系统架构师、产品经理、教师以及任何需要快速画图表达想法的人。先看效果直接看一个真实例子你在输入框里打“创建一个包含 EC2 实例、S3、Bedrock 和 DynamoDB 的高可用 AWS 架构图”AI 输出的完整云架构图组件与连接关系一目了然再来一个“画一个灯泡故障排查流程图”得到的是一张带颜色区分的判断流程图逻辑分支清晰三步跑起来在线体验最省事不用安装浏览器打开官方演示站点 next-ai-drawio.jiang.jp 就能用在设置面板里填入自己的 API Key 还能解除用量限制。桌面应用最方便从项目的 Releases 页下载 Windows / macOS / Linux 对应安装包装好离线可用。Docker 自部署最灵活想把工具放在自己服务器上一条命令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 即可。不止于此云架构图专项支持内置 AWS、GCP、Azure 组件库AI 知道怎么选正确的云服务图标并画对连接关系。画系统设计图时这是出场率最高的能力。看得到 AI 的思考过程支持 OpenAI o1/o3、Gemini、Claude 等模型的推理展示生成时能直接看到它为什么这么画方便你精准纠偏。图表历史与版本回滚版本控制会记录所有变更AI 每次编辑前都有可查看、可恢复的快照改偏了随时退回上一版。让 AI 助手帮你画项目自带 MCP Server接入 Claude Desktop、Cursor、VS Code 等 AI 助手后可以让它们指挥生成图表结果在浏览器中实时呈现。幕后拆解前端基于 Next.js ReactAI 层用 Vercel AI SDK支持流式输出和多提供商画布由 react-drawio 渲染。图表本质上是一段 draw.io 的 XMLAI 做的事就是根据你的指令生成或修改这段 XML。聊天 API 是对话请求的核心处理入口AI 提供商适配层 统一了 16 家提供商的接入。团队使用时设置ADMIN_PASSWORD环境变量后访问 /admin 页面就能在网页面板里配置服务端模型、访问码和使用配额不用手改配置文件。常见问题Q没有 API Key 能用吗A在线演示站可以直接用但有用量配额在设置里填自己的 Key 即可解除限制本地部署则无限制。Q内网环境连不上外网怎么办A支持离线部署自托管一份 draw.io 并在构建时把NEXT_PUBLIC_DRAWIO_BASE_URL指向内网地址即可详见离线部署指南。Q本地小模型能画吗A建议用 32B 参数的模型并开启 tool calling 功能否则可能只思考不画图。Q选什么模型画得好A官方推荐 Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro、DeepSeek V3.2/R1画云架构图 Claude 系列表现最佳。从画不出来到说出来就行一张图的成本降到一句话。先访问在线演示站体验基础功能在设置里填入自己的 API Key解锁完整能力需要自己掌控数据时用 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），仅供参考