飞牛docker部署 AI 版 Draw.io，流程图直接 “说” 出来

今天这个项目是老婆问我做流程图什么工具好用，这不就是我显摆的好机会嘛！

图片

说起流程图工具，最先想到的就是老牌神器 Draw.io，但你敢信？现在居然出了AI 版 Draw.io！不用手动拖拽形状、连线条，一句话描述需求就能生成流程图，这谁能不爱？当初花 1200 块入手的 NAS，单靠这一个容器，瞬间就值回了 1199 块的票价。

什么是Next AI Draw.io？

Next AI Draw.io 是一个基于 Next.js 开发的开源 Web 应用，核心是将 AI 大模型能力与经典绘图工具 draw.io深度集成，打造出自然语言驱动的智能图表创作平台，被誉为 "懂语言的 draw.io。简单来说，它就像给强大的 draw.io 图表编辑器装上了一个 "AI 大脑"，让用户能用文字描述需求，AI 自动生成专业级、可编辑的图表。

图片

有什么特点？

• LLM驱动的图表创建：利用大语言模型通过自然语言命令直接创建和操作draw.io图表

• 基于图像的图表复制：上传现有图表或图像，让AI自动复制和增强

• PDF和文本文件上传：上传PDF文档和文本文件，提取内容并从现有文档生成图表

• AI推理过程显示：查看支持模型的AI思考过程（OpenAI o1/o3、Gemini、Claude等）

• 图表历史记录：全面的版本控制，跟踪所有更改，允许您查看和恢复AI编辑前的图表版本

• 交互式聊天界面：与AI实时对话来完善您的图表

• 云架构图支持：专门支持生成云架构图（AWS、GCP、Azure）

• 动画连接器：在图表元素之间创建动态动画连接器，实现更好的可视化效果

项目地址： https://github.com/wangfenghuan/w-next-ai-drawio Pasted image 20260127230457.png

安装前准备

本项目需要提前准备一个OpenAI、Gemini、Claude 等主流ai模型的api key，国内建议使用硅基流动，可以使用我的硅基流动邀请注册地址，注册后系统会自动赠送16元代金卷，足够日常使用了。

注册地址： https://account.siliconflow.cn/login?redirect=https%3A%2F%2Fcloud.siliconflow.cn&invitation=ygyibRsm

用手机号注册并登录，进入【控制台】→【API密钥】。

点击“创建API密钥”，给密钥起个名字（比如“Draw.io”）.

图片

创建后复制保存密钥（类似“sk-xxxxxx”的字符串），这个后面要用到，别弄丢了！

图片

compose部署

新建存储目录

安装之前需先在docker文件夹中新建一个Next AI Draw.io文件夹，用于配置持久化保存，后面所有相关文件都存在这里。

图片

准备Compose文件

打开飞牛os的docker--compose--新增项目--项目名称(填Next AI Draw.io，可识别即可)，路径选择上面建立好的文件夹“Next AI Draw.io”，选择创建docker-compose.yml,然后将下面代码复制粘贴到代码框，为了便于大家理解，我给部分代码加了注释，最后勾上创建项目后立即启动，点击创建即可：

version: '3.8' services: next-ai-draw-io: image: ghcr.io/dayuanjiang/next-ai-draw-io:latest container_name: next-ai-draw-io restart: unless-stopped ports: - "3541:3000" environment: - AI_PROVIDER=siliconflow # 改为自己的ai - AI_MODEL=deepseek-ai/DeepSeek-V3.2 # 改为选的模型 - OPENAI_API_KEY=your_siliconflow_api_key # 替换为：硅基流动的API密钥 - OPENAI_BASE_URL=https://api.siliconflow.cn/v1 # 硅基流动的API基础地址 - ACCESS_CODE_LIST=123123 # 密码

❝

注意

• AI_PROVIDER ：为您选择的提供商（bedrock, openai, anthropic, google, azure, ollama, openrouter, deepseek, siliconflow）

• AI_MODEL :为您要使用的特定模型

• OPENAI_API_KEY :添加您的提供商所需的API密钥

• ACCESS_CODE_LIST:访问密码，可选，可以使用逗号隔开多个密码。

• 警告：如果不填写 ACCESS_CODE_LIST，则任何人都可以直接使用你部署后的网站，可能会导致你的 token 被急速消耗完毕，建议填写此选项。

图片

显示正在运行，就说明部署成功。

项目配置

打开浏览器，输入 http://NASIP:3541 比如我这里就是 http://192.168.1.39:3541 进入项目页面。可以看到左边是选择文字框形状、箭头连接线啥的，中间是操作台，还有个格式样式的配置区域，右边是选择操作模式的，右下是配置ai和输入文字描述的地方，通过这里就可以文字描述就开始作流程图了。

图片

点击这里可以更改模型

图片

这里可以选择已经配置好的模型。

图片

这里用上面申请的硅基流动API key配置你自己的模型。

图片

名称就用默认的，API密钥就是类似“sk-xxxxxx”的字符串，基础URL不用改，往下拉，从下面推荐模型里面随便选个，选择完再点测试，会显示已验证，说明部署好了无需保存。

项目体验

配置好后就可以直接使用了。在右边下方文件框输入你的需求就行，要是你有现成的，直接让他照抄就行，然后就会展示出思考过程，结果会在中间呈现出来。

图片

有什么要改的直接在文本框里面语言描述就行，这效果真的太好了。

最后

AI 版 Draw.io 的 NAS 部署体验堪称满分。不用依赖在线工具，数据存在自己的 NAS 里更安心；一句指令就能生成流程图，不管是工作汇报还是项目规划，效率直接拉满。

关联阅读：

飞牛Docker部署AI小说创作助手MuMuAINovel，创作写文不再愁

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～