Next AI Draw.io 快速上手指南3 步把 AI 画图工具部署成自己的【免费下载链接】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 就是一个 Next.js 应用把 AI 和 draw.io 接在一起你用自然语言说需求它直接产出标准的 draw.io 图表还能继续对话修改。这篇 Next AI Draw.io 部署教程带你把它跑起来全程不需要改源码。先看看它能替你做什么对话式画图输入画一个 CI/CD 流水线AI 直接生成带连线的完整图表持续修改画完后接着聊把数据库改成 PostgreSQL 图标这类指令它都接得住文件转图表上传 PDF、图片AI 提取内容后转成图表云厂商图标库内置 AWS、GCP、Azure 等形状库画云上架构基本不用自己拖用一条 Docker 命令跑起来如果你只想最快用上推荐直接拉官方镜像。以 OpenAI 为例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就能开始画图。更推荐用环境文件管理配置方便日后追加变量cp env.example .env docker run -d -p 3000:3000 --env-file .env ghcr.io/dayuanjiang/next-ai-draw-io:latest.env里改AI_PROVIDER、AI_MODEL和对应密钥即可改完重启容器生效。接入你手头的 AI 服务Next AI Draw.io 的 AI 后端完全靠环境变量切换默认走 AWS Bedrock。常见提供商和对应的密钥变量如下按需填进.env提供商类型关键环境变量AWS Bedrock默认云端AWS_REGION、AWS_ACCESS_KEY_ID、AWS_SECRET_ACCESS_KEYOpenAI云端OPENAI_API_KEYAnthropicClaude 系列云端ANTHROPIC_API_KEYGoogle AIGemini 系列云端GOOGLE_GENERATIVE_AI_API_KEYAzure OpenAI云端AZURE_RESOURCE_NAME、AZURE_API_KEYDeepSeek云端DEEPSEEK_API_KEYSiliconFlow云端SILICONFLOW_API_KEYOllama本地OLLAMA_BASE_URL指向本机 Ollama 即可无需密钥想接本地模型时选 Ollama 或兼容 OpenAI 接口的端点数据不出内网。完整变量清单见仓库里的 env.example详细配置说明在 AI 提供商文档各提供商的实现逻辑集中在 lib/ai-providers.ts。想自定义手动安装三步走需要对构建或目录做定制时走源码安装就三步git clone https://gitcode.com/GitHub_Trending/ne/next-ai-draw-io cd next-ai-draw-io npm install复制一份环境配置cp env.example .env.local按你手头的 AI 服务填好.env.local里的AI_PROVIDER和密钥然后npm run dev启动。所有可配置项在 env.example 里都有注释。内网或离线环境怎么部署如果你的网络访问不了embed.diagrams.net图表编辑器加载自这里可以顺手自托管一个 draw.io两者一起跑services: drawio: { image: jgraph/drawio:latest, ports: [8080:8080] } next-ai-draw-io: build: { context: ., args: [NEXT_PUBLIC_DRAWIO_BASE_URLhttp://localhost:8080] } ports: [3000:3000], env_file: .env, depends_on: [drawio]注意两点NEXT_PUBLIC_DRAWIO_BASE_URL是构建时变量改它要重新构建镜像它必须填浏览器能访问到的地址本地用http://localhost:8080服务器用http://你的IP:8080千万别写成http://drawio:8080这种容器内别名。更多细节看 离线部署文档。给站点加一把访问密码如果打算部署到公网上线前请务必设置访问密码否则陌生人可以直接调用你的 API 额度会很快被刷完ACCESS_CODE_LISTyour_password_1,your_password_2多个密码用逗号分隔访客需要输入其中任一密码才能进入页面。另外设置ADMIN_PASSWORD后还可以开启/admin管理面板在网页里直接改模型和配置不用每次改环境变量。看看它的实际产出效果不用想象一句话画一个灯不亮故障排查流程得到的就是一张带判断分支的完整决策树生成后图表是标准 draw.io 格式可以导出 SVG、PNG 或直接下载.drawio文件内置的版本历史功能也能回看每一步修改。收尾Next AI Draw.io 适合谁一句话总结它是把自然语言画流程图这件小事做到位了部署门槛低、模型可替换、离线也能跑。需要经常出架构图、流程图的开发者和架构师出图速度快改起来不用重新画有内网/离线需求的企业团队Docker Compose 一键自托管可接本地模型想玩AI 图表工具接入本地模型的个人用户Ollama 配上就能用挑一台有 Docker 的机器照着上面走一遍十几分钟后你就有自己的 AI 画图站点了。【免费下载链接】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），仅供参考