Next AI Draw.io 是一个基于 Next.js + draw.io + 多模型 AI 的开源项目,支持你用一句自然语言,直接生成流程图、架构图、系统图。本文将带你从 0 到 1 完整部署,包括项目特点解析、本地/Docker 部署、模型与 API 配置,以及一句话画流程图的完整实战。
开源地址:https://github.com/DayuanJiang/next-ai-draw-io
一、部署方式选择说明(先看这个)
官方提供了多种运行方式,但最推荐的是 Docker 部署,原因很简单:
- 不用纠结 Node / npm 版本
- 不用折腾 Next.js 构建环境
- 一条命令即可启动
- 非常适合本地体验、私有部署、教学演示
本文主推:Docker 部署(推荐),后面也会补充「源码本地运行」方式,方便二次开发的人参考。

二、部署前准备(非常重要)
在开始之前,请确认你已经准备好下面这些环境:
1️⃣ 安装 Docker(必须)
如果你还没安装 Docker:
- 官方地址:https://docs.docker.com/get-docker/
- Windows / macOS 直接下载安装即可
- 安装完成后,终端执行:
docker -v
能看到版本号,说明 Docker 安装成功。

2️⃣ 准备一个 AI API Key(重点)
Next AI Draw.io 不会自带模型额度,你需要配置自己的 AI Key,例如:
- OpenAI(GPT-4o)
- Anthropic(Claude Sonnet / Opus)
- DeepSeek
- Azure OpenAI
- Bedrock 等
三、方式一:Docker 一行命令启动(最推荐)
这是最快、最省事的方式,适合 90% 的用户。
1️⃣ 基础启动命令(示例)
docker run -d -p 3000:3000 \
-e AI_PROVIDER=openai \
-e AI_MODEL=gpt-4o \
-e OPENAI_API_KEY=your_api_key \
ghcr.io/dayuanjiang/next-ai-draw-io:latest
参数说明(一定要看):
-p 3000:3000:本地 3000 端口访问AI_PROVIDER:模型提供商AI_MODEL:具体模型名称















