Next AI Draw.io：自然语言对话生成draw.io图表，AI聊天即可绘图

Next AI Draw.io：用自然语言对话，让 AI 帮你画好 draw.io 图表

你是否曾经为了画一张架构图、流程图，在 draw.io 中手动拖拽一个个图形、反复调整连线而感到耗时费力？如果直接告诉 AI“画一个 RAG 架构图”就能自动生成可编辑的 draw.io 图表，那该有多好？Next AI Draw.io 正是为此而生。它是一个基于 Next.js 的 Web 应用，将大语言模型与 draw.io 深度集成，让你通过自然语言即可创建、修改和增强图表，实现“聊天即绘图”的全新体验。

截至收录：
Next AI Draw.io stars数：34961
Next AI Draw.io forks数：3762

Next AI Draw.io 项目目录截图

Next AI Draw.io 项目核心亮点

🌟 亮点一（自然语言驱动图表生成）：无需手动拖拽，直接输入“生成一个用户认证流程图”等指令，AI 即可生成符合要求的 draw.io XML 图表，并支持实时交互式修改。
🎯 亮点二（图像/PDF 图表复制）：上传现有图表截图或 PDF 文档，AI 能自动识别并复制、优化图表结构，极大提升从旧文档迁移或重构的效率。
🔒 亮点三（多模型与多提供商支持）：内置 OpenAI、Claude、Gemini、DeepSeek、Ollama 等十余种模型提供商，支持自定义端点，无论你偏好哪家 AI，都能无缝接入。
🧩 亮点四（MCP 服务器与生态集成）：提供 MCP Server，可接入 Claude Desktop、Cursor、VS Code 等 AI 编程工具；还支持 Docker 部署、桌面应用以及 EdgeOne/Vercel/Cloudflare 一键部署，适配各种使用场景。

Next AI Draw.io 快速开始

只需几步，你就能在本地运行起 Next AI Draw.io：

1. 安装与配置：
   bash
git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install
cp env.example .env.local
   编辑 .env.local，根据官方 Provider 配置指南填入你的 API Key 或模型配置。
2. 启动开发服务器：
   bash
npm run dev
3. 在浏览器中开始对话：
   打开 http://localhost:6002，在聊天框中输入你的图表需求，AI 便会实时生成并渲染 draw.io 图表。

Next AI Draw.io 应用场景

场景一：软件开发与架构设计：开发者可以用它快速生成系统架构图、微服务依赖图、AWS/GCP/Azure 云架构图，并通过对话持续优化组件关系和连线方式。
场景二：技术文档与知识管理：技术写作者可以将流程说明转换为可视化图表，或者将 PDF、文本文件中的内容提取为图表，让文档更加直观易懂。
场景三：AI 编程助手集成：通过 MCP 服务器，Claude Code、Cursor、VS Code 等工具可直接调用 Next AI Draw.io 生成图表，在编码过程中实时可视化业务流程或数据流。
用户案例：目前，该项目的 Demo 站点由字节跳动豆包赞助，使用强大的 glm-4.7 模型；同时项目已被大量开发者用于云架构设计、RAG 系统流程图绘制等场景，在 GitHub 上获得超过 3.4 万 Star。

Next AI Draw.io 项目链接

DayuanJiang / next-ai-draw-io项目地址：https://github.com/DayuanJiang/next-ai-draw-io

本文地址：https://www.tgoos.com/46293