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

简介: 一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。

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

前言

作为天天跟架构图、拓扑图死磕的技术人,谁没为画一张规范的图表头秃过?手动拖拽组件、调整布局、对齐线条,动辄半小时起步,要是需求改了还得推倒重来 —— 直到我挖到 next-ai-draw-io 这个宝藏开源项目,直接把 AI 塞进了 Draw.io,一句话就能生成复杂图表,旧图截图还能秒变可编辑文件,彻底解放双手!

如果你没有大模型API,本篇文章星哥再推荐两个免费获取大模型的渠道,还请多多点赞。。。

img

了解next-ai-draw-io

一个集成了AI功能的Next.js网页应用,与draw.io图表无缝结合。通过自然语言命令和AI辅助可视化来创建、修改和增强图表。

效果如下图:

next-ai-draw-io效果图

前期准备

搭建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的大模型免费用,申请一个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_...      # 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

设置大模型并生成图

点击右上角的设置按钮

如图,设置Provider、Model ID、API Key、 Base URL

输入之后,再到对话框中,填入自己想要的生成的网络图、拓扑图等。

img

发号施令

img

左侧生成的图片

img

img

使用OepnRouter再试试。

img

最后

对技术人来说,工具的核心价值就是 “把时间花在核心逻辑上,而非重复劳动”。next-ai-draw-io 恰好戳中了图表创作的痛点,用 AI 降低了专业图表的创作门槛,而且基于 Docker 部署在自己的服务器 / NAS 上,数据不跑路,用着更放心。

如果你也经常跟各类图表打交道,真心建议试试这个项目,相信我,会打开新世界的大门~ 觉得好用的话,别忘了给作者点个 star 支持下开源!

👉 GitHub 地址:https://github.com/DayuanJiang/next-ai-draw-io

相关文章
|
3天前
|
人工智能 自然语言处理 API
Next AI Draw.io:当AI遇见Draw.io图表绘制
Next AI Draw.io 是一款融合AI与图表绘制的开源工具,基于Next.js实现,支持自然语言生成架构图、流程图等专业图表。集成多款主流大模型,提供智能绘图、图像识别优化、版本管理等功能,部署简单,安全可控,助力技术文档与系统设计高效创作。
218 2
|
Arthas 运维 Java
arthas 的使用场景、优点和缺点
Arthas 是Alibaba开源的Java诊断工具,它可以帮助开发人员或者运维人员查找问题、分析性能和bug追踪。以下是Arthas的一些使用场景: 1. 查看目标服务器应用程序的JVM信息。 2. 方法性能的排查和跟踪。例如,在实际使用过程中发现某个接口很耗时,但是无法在本地环境复现的时候,可以通过Arthas的trace来跟踪,它会输出方法内部路径每个节点的耗时。 3. 查找全局视角查看系统的运行状况、健康状况的信息。 4. 反编译源码,查看JVM加载的是否为预期的文件内容。
1136 0
|
8月前
|
人工智能 JSON 自然语言处理
除了MCP我们还有什么?
本文详细描述 agents.json ,涵盖了其背景、工作原理、与 OpenAPI 的关系等内容。
630 94
除了MCP我们还有什么?
|
物联网 网络协议 网络性能优化
使用抓包工具Wireshark分析IoT设备网络行为
使用抓包工具Wireshark分析IoT设备网络行为
5057 0
|
25天前
|
人工智能 文字识别 自然语言处理
通义千问大模型驱动的法律智能体创新实践
律杏法务云是基于阿里云通义千问大模型构建的新一代法律人工智能平台,通过深度融合OCR、NLP、知识图谱技术与千亿参数级语言模型,在企业法务管理领域实现了从信息抽取、文书生成到风险预警的全流程智能化。本文将深入剖析其技术架构与五大核心模块,揭示大模型如何重塑现代法务工作范式。
380 1
|
9月前
|
运维 监控 应用服务中间件
|
存储 人工智能 uml
介绍一款好用的开源画图神器-draw.io | AI应用开发
draw.io 是一款基于浏览器的开源绘图工具,无需安装即可使用,支持多种操作系统和设备。其简洁的界面、丰富的形状库、智能对齐功能和强大的云端协作能力,使其成为专业人士和创意爱好者的首选。无论是产品设计、流程图绘制还是思维导图构建,draw.io 都能满足你的多样化需求。【10月更文挑战第7天】
1400 0
|
机器学习/深度学习 Python
L1和L2正则化
L1和L2正则化
|
机器学习/深度学习 人工智能 IDE
Cursor免费 GPT-4 IDE 工具的保姆级使用教程
本文介绍了Cursor这一基于人工智能技术的代码生成工具,包括其特点(利用自然语言处理和深度学习算法,可生成高质量代码,支持多种编程语言,能在多种操作系统上运行)及使用教程。教程内容涵盖下载(通过官网获取对应系统版本并安装)、初始化配置(如配置快捷键、AI指定语言,导入VS Code扩展,设置数据偏好,登录/注册)、安装插件(设置Cursor中文、配置gitee)、配置模型和Key(选择模型、配置密钥、自定义模型并进行测试)以及如何使用(打开提示词面板)等步骤。
12346 6
 Cursor免费 GPT-4 IDE 工具的保姆级使用教程
|
SQL 安全 关系型数据库
SQLynx 发布 3.0.0 版本
SQLynx 发布 3.0.0 版本
472 1