5分钟本地部署AI流程图生成工具next-ai-draw-io完整指南【免费下载链接】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 画布。你打一行字它产出带连线和图标的成品图跑在自己的机器上数据不出内网。1. 它省掉了什么不用记工具栏按钮传统画法要记工具栏每个按钮的位置、拖元素、连线想用 AWS 图标还得自己找官方库排版不满意只能返工。next-ai-draw-io 把过程变成对话类似给实习生下指令AI 把你的话转成 draw.io 的 XML画布直接渲染。它带版本历史AI 每次修改都存一份快照不满意可以回退。对比项传统 draw.io 画法next-ai-draw-io上手方式学工具栏、拖拽连线写一行自然语言改已有图找到元素手动调整说“加个负载均衡器”云架构图逐个找 AWS/Azure 图标自动选用对应图标回退无记录版本历史可恢复2. 快速上手4步跑通本地部署第一步拿代码git clone https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io cd next-ai-draw-io npm install cp env.example .env.local第二步填配置。打开.env.local相当于告诉程序用哪个 AI 的“设置卡”只改三处AI_PROVIDER选提供商、AI_MODEL模型 ID、对应的 API Key比如OPENAI_API_KEY。各提供商写法见官方文档。第三步启动npm run dev第四步浏览器打开http://localhost:6002就能写了。想用容器也行官方镜像一条命令数据卷 给图表找个固定的家docker run -d -p 3000:3000 -e AI_PROVIDERopenai -e AI_MODELgpt-4o -e OPENAI_API_KEYyour_key ghcr.io/dayuanjiang/next-ai-draw-io:latest3. 实际玩一下一句话出流程图你打开页面在输入框敲Draw a lamp troubleshooting flowchart画一个灯泡故障排查流程图。AI 先流式输出思考再生成图表。画布上出现流程图起点是“灯泡不亮”两个判断分支“插上了吗”“灯丝烧断了吗”各指向不同处理步骤。不满意就继续提要求比如“把判断框改成红色”“下面加一行说明”它会原地修改每次改动都留在历史记录里。4. 按需配置环境变量速查表常用参数如下其余看 env.example参数作用默认值AI_PROVIDER选择 AI 服务提供商bedrockAI_MODEL模型 ID逗号分隔可多模型随提供商而定OPENAI_API_KEYOpenAI 及兼容服务的密钥空MAX_OUTPUT_TOKENS输出上限思考与图表共用64000ADMIN_PASSWORD后台 /admin 的密码不设置即关闭ACCESS_CODE_LIST用户访问码逗号分隔不设置NEXT_PUBLIC_DRAWIO_BASE_URLdraw.io 嵌入地址embed.diagrams.net想给所有用户配多个模型而不用各自带 Key设置AI_MODELS_CONFIG环境变量或在项目根目录放一个ai-models.json。5. 容易踩的坑3个高频问题坑1内网环境画布空白现象内网部署报错“找不到 embed.diagrams.net 的 IP 地址”。 排查NEXT_PUBLIC_*是构建时变量会编译进 JS运行时在容器里设置无效。 解决构建镜像时用 build args 传入NEXT_PUBLIC_DRAWIO_BASE_URL指向自建的 draw.io。坑2自建模型只思考不画图现象本地模型如 Qwen只输出思考过程不出图表。 排查模型太小、无法正确遵循 tool calling 指令或服务端没开启工具调用。 解决换 32B 参数以上的模型并在推理服务里启用 tool choice。坑3上传图片提示“未提供图片”现象上传一张已有图让它重画却报错。 排查当前模型不支持视觉能力。 解决换支持视觉的模型或模型名带 vision / vl 的。写在最后next-ai-draw-io 把“画图”变成“说图”三个环境变量加一条启动命令Docker 或 npm 都能跑最容易被忽略的坑只是内网变量要传在构建时。官方文档Docker 部署 · AI 提供商配置 · FAQ建议先按“快速上手”用默认配置跑通灯泡流程图例子跑通后再把AI_MODEL换成你手头的模型。【免费下载链接】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），仅供参考