
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 画布做成网页应用你打一句自然语言它直接产出带连线、带云图标的成品图数据不出你的机器。整套 AI 流程图本地部署只需要 5 分钟。能不能跑起来本地部署的两条路先对一下前置条件Node.js 环境带 npm或者已装 Docker源码路线默认占用 6002 端口容器路线占用 3000 端口至少一个 AI 提供商的 API Key支持的清单在仓库的 env.example 里内网环境需要能访问 embed.diagrams.net或自建 draw.io路线一源码运行。总共四步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_PROVIDER选哪家的 AI 大脑、AI_MODEL用哪个模型、对应提供商的 API Key。然后启动npm run dev浏览器打开 http://localhost:6002 就能画。路线二容器镜像运行。 机器上有 Docker 就省掉 npm 环节-e参数相当于把配置卡塞进容器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 即可。这就是 Docker 一条命令部署。到这里AI 流程图本地部署已经跑通。怎么画出第一张流程图自然语言流程图生成的原理一句话你说一句话 → AI 把它转成 draw.io 的 XML → 画布直接渲染全程不用碰工具栏。实测在输入框敲「Draw a lamp troubleshooting flowchart」画一个灯泡故障排查流程图。AI 先流式输出思考过程随后画布上出现一张成品图起点是粉色框Lamp doesnt work接着两个黄色判断分支Lamp plugged in?和Bulb burned out?Yes/No 分别指向插电换灯泡维修三个处理步骤。不满意就继续说话把判断框改成红色下面加一行说明。AI 原地修改每次改动都会进历史面板留一份快照改砸了可以逐版本回退到修改前。它也不限于流程图draw.io AI 画图还能一句话出 AWS 架构图User 到 EC2再分叉出 S3、Bedrock、DynamoDB云厂商图标自动选用怎么配得稳、查得快最常用的变量就这几个完整清单见仓库的 env.example参数作用默认值AI_PROVIDER用哪家的 AIbedrockAI_MODEL模型 ID逗号分隔可配多个模型随提供商而定OPENAI_API_KEYOpenAI 及兼容服务的密钥空MAX_OUTPUT_TOKENS单次输出上限思考与图表 XML 共用64000ADMIN_PASSWORD/admin 管理面板的密码不设置即关闭NEXT_PUBLIC_DRAWIO_BASE_URLdraw.io 嵌入地址内网指向自建实例embed.diagrams.net想让所有用户共用一组模型、不用各自带 Key设AI_MODELS_CONFIG环境变量或在项目根目录放一个ai-models.json。高频问题排查按出现频率排现象原因解决内网部署画布空白报找不到 embed.diagrams.net 的 IP 地址NEXT_PUBLIC_*是构建时变量会编译进 JS运行时在容器里设置无效构建镜像时用 build args 传入NEXT_PUBLIC_DRAWIO_BASE_URL指向自建的 draw.io自建模型只输出思考不出图表模型太小跟不上 tool calling 指令或推理服务没开工具调用换 32B 以上参数的模型并在推理服务里启用 tool choice上传图片却提示未提供图片当前模型没有视觉能力换支持视觉的模型模型名带 vision / vl 的通常可以每条的详细解释见 FAQ。总结最短跑通路径复制 env.example 为 .env.local改AI_PROVIDER、AI_MODEL、API Key 三处npm run dev后到 localhost:6002 开画有 Docker 则压成一条命令。跑通之后再把AI_MODEL换成你手头的模型正式用自然语言流程图生成干活。官方文档Docker 部署 · AI 提供商配置 · FAQ【免费下载链接】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),仅供参考