一句话生成流程图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评审会前十分钟PPT 里的架构图还空着。next-ai-draw-io 是一个可本地部署的 AI 流程图生成工具打一行字它就在内置的 draw.io 画布上画出带连线和图标的成品数据全程不出内网。它是怎么工作的看清一句话变成图的原理它像一支会读心的笔藏在画布背后——你只动嘴笔自动选图形、走线条。黑盒里的链路很简单在输入框敲一句自然语言模型生成一份 draw.io 的 XML 图面描述画布解析 XML直接把图渲染出来。AI 每次修改都会存进版本历史不满意随时回退到上一版。本地部署步骤4 步跑通 next-ai-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_MODEL填模型 ID、对应的 API Key如OPENAI_API_KEY。各提供商的写法见 AI 提供商配置。第三步启动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:latest画一张流程图用对话反复改图输入在输入框敲Draw a lamp troubleshooting flowchart画一个灯泡故障排查流程图。生成AI 先流式输出思考过程再在画布上产出流程图——起点是灯泡不亮插上了吗灯丝烧断了吗两个判断分支各指向不同的处理步骤。修改不满意就继续说把判断框改成红色下面加一行说明它会在原图上改。每次改动都留在历史里可一键回退。环境变量配置常用参数速查参数作用默认值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。完整参数清单见 env.example。遇到问题怎么办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 把画图变成说图三个环境变量加一条启动命令即可用起来。建议先按上面的步骤跑通灯泡流程图例子再把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），仅供参考