# 一句话生成拓扑图！AI+Draw.io 封神开源组合，工具让你的效率爆炸

# 前言

作为天天跟架构图、拓扑图死磕的技术人，谁没为画一张规范的图表头秃过？手动拖拽组件、调整布局、对齐线条，动辄半小时起步，要是需求改了还得推倒重来 —— 直到我挖到 `next-ai-draw-io` 这个宝藏开源项目，直接把 AI 塞进了 Draw.io，一句话就能生成复杂图表，旧图截图还能秒变可编辑文件，彻底解放双手！
如果你没有大模型API，本篇文章星哥再推荐两个免费获取大模型的渠道，还请多多点赞。。。
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/a055a4fae6ba9b44a5611b4370d73c17.png)
## 了解next-ai-draw-io

一个集成了AI功能的Next.js网页应用，与draw.io图表无缝结合。通过自然语言命令和AI辅助可视化来创建、修改和增强图表。
效果如下图：
![next-ai-draw-io效果图](https://developer.qcloudimg.com/http-save/yehe-8492898/06817ca04616a67fd9f941e8f71ca867.png)
## 前期准备

搭建next-ai-draw-io需要准备
1. 一台服务器或者NAS
2. 安装了Docker 或者Docker compose
3. 有自己申请的大模型API

## 准备大模型接口

1. 开源项目：GPT_API_free
2. openrouter提供的免费接口

获取免费的OpenAI的key： https://github.com/chatanywhere/GPT_API_free ，限制：有的模型每天只有5次，可以选择deepseek。

可以参考星哥之前写的文章[有这好事？DeepSeek-R1-70B的大模型免费用](https://mp.weixin.qq.com/s/bkwSo53CL4b2vBduJD2LQw)，申请一个KEY，大模型名称“openai/gpt-oss-20b:free”或者其他。deepseek/deepseek-r1-distill-llama-70b:free[不能用了] 
**模型要求**：此任务需要强大的模型能力，因为它涉及生成具有严格格式约束的长文本（draw.io XML）。推荐使用Claude Sonnet 4.5、GPT-4o、Gemini 2.0和DeepSeek V3/R1。
注意：`claude-sonnet-4-5` 已在带有AWS标志的draw.io图表上进行训练，因此如果您想创建AWS架构图，这是最佳选择。
## 安装next-ai-draw-io

安装next-ai-draw-io有很多种，这里星哥就采用最简单的docker方式，如果想继续可以参考开源项目：https://github.com/DayuanJiang/next-ai-draw-io/blob/main/docs/README_CN.md 
### 1.准备

建立目录，编辑配置文件
```
mkdir -p /data/docker/ai-draw
cd /data/docker/ai-draw
wget https://raw.githubusercontent.com/DayuanJiang/next-ai-draw-io/refs/heads/main/env.example
mv env.example .env
编辑
vim .env
这步可以忽略，等镜像成功之后，可以在设置中填写。
# OpenAI Configuration
# OPENAI_API_KEY=sk-...
# OPENAI_BASE_URL=https://api.openai.com/v1  # Optional: Custom OpenAI-compatible endpoint
# OPENAI_ORGANIZATION=org-...  # Optional
# OPENAI_PROJECT=proj_... &nbsp; &nbsp;  # Optional
​
改成
OPENAI_API_KEY=<你申请的免费的key>
#OPENAI_BASE_URL=https://api.chatanywhere.tech/v1 #(国内)
OPENAI_BASE_URL=https://api.chatanywhere.org/v1 #(国外)
```
### 2.启动镜像

```
docker run -d -p 3000:3000 --env-file .env ghcr.io/dayuanjiang/next-ai-draw-io:latest
​
或者：
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 
```
### 3.访问next-ai-draw-io

ip+端口访问，如下图
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/6e94b96251b953278f5f3825deffd85a.png)
## 设置大模型并生成图

点击右上角的设置按钮
如图，设置Provider、Model ID、API Key、 Base URL
输入之后，再到对话框中，填入自己想要的生成的网络图、拓扑图等。
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/0c3fd7a9adf53af8b930dc83788b1d3e.png)

发号施令
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/fe4cc9f207e5d595d1698fdb3772f988.png)
左侧生成的图片
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/85313b17291302b12b33e705e38abf3f.png)

![img](https://developer.qcloudimg.com/http-save/yehe-8492898/3574785a04a4d0a5d77a718286bac90f.png)

使用OepnRouter再试试。
![img](https://developer.qcloudimg.com/http-save/yehe-8492898/97da1f7d93936a55c4c65a184a4a39dc.png)
# 最后

对技术人来说，工具的核心价值就是 “把时间花在核心逻辑上，而非重复劳动”。`next-ai-draw-io` 恰好戳中了图表创作的痛点，用 AI 降低了专业图表的创作门槛，而且基于 Docker 部署在自己的服务器 / NAS 上，数据不跑路，用着更放心。
如果你也经常跟各类图表打交道，真心建议试试这个项目，相信我，会打开新世界的大门～ 觉得好用的话，别忘了给作者点个 star 支持下开源！
👉 GitHub 地址：https://github.com/DayuanJiang/next-ai-draw-io

作为天天跟架构图、拓扑图死磕的技术人，谁没为画一张规范的图表头秃过？手动拖拽组件、调整布局、对齐线条，动辄半小时起步，要是需求改了还得推倒重来 —— 直到我挖到 next-ai-draw-io 这个宝藏开源项目，直接把 AI 塞进了 Draw.io，一句话就能生成复杂图表，旧图截图还能秒变可编辑文件，彻底解放双手！如果你没有大模型API，本篇文章星哥再推荐两个免费获取大模型的渠道，还请多多点赞。。。

一句话生成拓扑图！AI+Draw.io 封神开源组合，工具让你的效率爆炸

作为天天跟架构图、拓扑图死磕的技术人，谁没为画一张规范的图表头秃过？手动拖拽组件、调整布局、对齐线条，动辄半小时起步，要是需求改了还得推倒重来 —— 直到我挖到 next-ai-draw-io 这个宝藏开源项目，直接把 AI 塞进了 Draw.io，一句话就能生成复杂图表，旧图截图还能秒变可编辑文件，彻底解放双手！如果你没有大模型API，本篇文章星哥再推荐两个免费获取大模型的渠道，还请多多点赞。。

运维经理

人工智能

架构设计

开发工具

AI+Draw.io开源神器next-ai-draw-io，一句话自动生成专业拓扑图！支持Docker部署，集成OpenAI等大模型API，截图秒转可编辑文件，大幅提升技术人画图效率。免费获取API密钥，轻松搭建私有化部署方案，数据安全不跑路。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

一句话生成拓扑图！AI+Draw.io 封神开源组合，工具让你的效率爆炸-腾讯云开发者社区-腾讯云

一句话生成拓扑图！AI+Draw.io 封神开源组合，工具让你的效率爆炸

一句话生成拓扑图！AI+Draw.io 封神开源组合，工具让你的效率爆炸

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐