一句话生成架构图next-ai-draw-io AI 流程图工具 5 分钟本地部署指南【免费下载链接】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下午要交一张架构图你打开画图工具先拖一个矩形再连一根线想用 AWS 图标还得翻一遍图标库。等第一个框摆好二十分钟过去了。next-ai-draw-io 把这套动作省掉了它是一个可以本地部署的 AI 画图工具你用一句话描述系统它直接生成一张完整的 draw.io 架构图或流程图。原理不复杂大模型把你的描述转成 draw.io 的 XML画布直接渲染出来。这篇文章从本地部署讲到进阶配置最后把几个高频问题过一遍。适合谁经常要出架构图、流程图、时序图的工程师或者想把整套工具署在自己机器、内网里的团队。5 分钟跑通本地部署三步走第一步拿到代码并安装依赖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后面只改这一个文件。第二步填三处配置打开.env.local它相当于整个工具的“接线板”决定连哪家 AI、用哪个账号。只需改三处AI_PROVIDER用哪家提供商openai、anthropic、deepseek、ollama 都行AI_MODEL模型 ID想用多个就逗号分隔列上对应提供商的 API Key比如OPENAI_API_KEY。各家提供商的写法不一样参考 docs/cn/ai-providers.md。第三步启动并打开npm run dev浏览器打开http://localhost:6002左边聊天面板、右边 draw.io 画布就可以开工了。容器路线Docker 一条命令部署 不想装 Node.jsDocker 更省事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。环境变量多的话用--env-file .env更干净细节在 docs/cn/docker.md。功能亮点自然语言画图、图片复刻、版本历史一句话能画到什么程度输入框里写Draw a lamp troubleshooting flowchart画一个灯泡故障排查流程图。AI 先流式输出思考过程接着画布上出现流程图起点是“灯泡不亮”后面跟着“插上了吗”“灯丝烧断了吗”两个判断框各指向对应的处理步骤。不满意就继续说“把判断框改成红色”“下面加一行说明”。它原地修改每次改动都会进版本历史像游戏存档一样不满意随时回退。和传统画法对比对比项传统 draw.io 画法next-ai-draw-io上手方式学工具栏、拖拽连线一句话描述要画什么改已有图找到元素手动调位置和连线说“加个负载均衡器”即可云图标手动查 AWS/Azure/GCP 官方图标库自动选用对应云厂商图标回退没有历史记录每次改动留快照可恢复还有这些玩法云架构图内置 AWS、GCP、Azure 支持官方示例就是一张带 EC2、S3、DynamoDB 的 AWS 站点架构图片复刻上传一张已有的图它用 draw.io 格式重新画出来。文档解析上传 PDF 或文本文件抽取内容生成图表。推理展示支持推理的模型o1/o3、Claude、Gemini 等思考过程会在聊天面板实时展示。MCP 接入自带 MCP 服务packages/mcp-server/Claude Desktop、Cursor 等 AI 客户端可以直接操作画图画布。环境变量速查部署后改哪些设置常用参数如下其余都在 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还有两个进阶配置值得知道服务端多模型设AI_MODELS_CONFIG环境变量或在项目根目录放ai-models.json所有用户共享多个模型不用各自带 Key。管理面板设了ADMIN_PASSWORD后进/admin模型、访问码、配额这些设置可以在网页上直接改详见 docs/cn/admin-panel.md。常见问题排查3 个高频情况内网部署画布空白现象内网环境报错“找不到 embed.diagrams.net 的 IP 地址”。原因NEXT_PUBLIC_*是构建时变量编译时就打包进了 JS运行时在容器里再设无效。解决构建镜像时把NEXT_PUBLIC_DRAWIO_BASE_URL作为构建参数传入指向自建的 draw.io 地址。自建模型只输出思考不画图现象本地模型如 Qwen把思考过程输完了图表却始终不出来。原因模型太小跟不上 tool calling 指令或者推理服务没开启工具调用。解决换 32B 参数以上的模型并在服务端启用 tool choicevLLM 加--enable-auto-tool-choice即可。上传图片提示“未提供图片”现象传一张已有图让它重画报错“未提供图片”。原因当前选的模型不支持视觉能力。解决换支持视觉的模型或模型名带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），仅供参考
