将任意 GitHub 仓库生成可交互的架构图或一分钟讲解视频,并提供给 AI 智能体使用的 MCP 服务。
- Star
- 36,331
- Fork
- 3,848
- 未关闭 Issue
- 38
- 最近提交
- 昨天
这是什么?
Next AI Draw.io 让你用自然语言描述图表,由 AI 模型直接在 draw.io 画布上绘制。你也可以像编辑普通 draw.io 文件一样手动修改,或选中部分图形,让 AI 只修改这些内容。每次 AI 修改都会保存为版本,可以对比、恢复或撤销,图表可导出为 .drawio、.png 或 .svg。
项目提供网页版、适用于 Windows、macOS 和 Linux 的桌面应用,以及一个 MCP 服务器,让 Claude Code、Cursor、VS Code 等 AI 智能体直接绘制图表。支持 25 家模型服务商,包括 AWS Bedrock、OpenAI、Anthropic、Ollama 以及任意 OpenAI 兼容接口,API 密钥保存在浏览器中。可本地运行,也可部署到 Vercel、Cloudflare Workers 或 Docker,并支持离线部署。
核心功能
- 01根据一句话生成架构图、流程图和时序图,内置 AWS、Azure、GCP、Kubernetes 图标库。
- 02通过对话编辑已有图表,并高亮显示 AI 修改过的图形。
- 03可只针对画布上选中的图形进行 AI 修改。
- 04保存 AI 修改的版本历史,支持缩略图对比、恢复和撤销。
- 05可导出为 .drawio、.png、.svg 和 .drawio.svg。
- 06提供网页版、桌面版以及面向 Claude Code、Cursor、VS Code 的 MCP 服务器。
适用场景
- 在设计评审中根据文字描述快速生成云架构图。
- 把截图或手绘草图转换为可编辑的 draw.io 图表。
- 让 AI 编程智能体在开发过程中生成并检查图表。
- 通过 Ollama 使用本地模型,在离线或内网环境中绘图。
快速上手
- 1
克隆代码仓库
git clone https://github.com/DayuanJiang/next-ai-draw-io - 2
进入项目文件夹
cd next-ai-draw-io - 3
安装依赖
npm install - 4
复制环境变量文件并填入模型服务商和 API 密钥,然后启动开发服务器并打开 localhost:6002
cp env.example .env.local
使用前须知
- 小模型容易生成损坏的图表,需要使用能力较强的模型。
- 自行运行需要配置模型服务商和 API 密钥。
标签
常见问题
- next-ai-draw-io 是什么?
- 通过与 AI 对话绘制和编辑 draw.io 图表的网页、桌面及 MCP 工具。 Next AI Draw.io 让你用自然语言描述图表,由 AI 模型直接在 draw.io 画布上绘制。你也可以像编辑普通 draw.io 文件一样手动修改,或选中部分图形,让 AI 只修改这些内容。每次 AI 修改都会保存为版本,可以对比、恢复或撤销,图表可导出为 .drawio、.png 或 .svg。
- next-ai-draw-io 可以免费使用吗?用的什么许可证?
- next-ai-draw-io 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
- next-ai-draw-io 还在维护吗?
- 活跃维护中。next-ai-draw-io 最近一次提交是在 2026年10月19日。
- next-ai-draw-io 适合用来做什么?
- 在设计评审中根据文字描述快速生成云架构图。 把截图或手绘草图转换为可编辑的 draw.io 图表。 让 AI 编程智能体在开发过程中生成并检查图表。 通过 Ollama 使用本地模型,在离线或内网环境中绘图。
- next-ai-draw-io 怎么安装和运行?
- 克隆代码仓库: git clone https://github.com/DayuanJiang/next-ai-draw-io 进入项目文件夹: cd next-ai-draw-io 安装依赖: npm install 复制环境变量文件并填入模型服务商和 API 密钥,然后启动开发服务器并打开 localhost:6002: cp env.example .env.local
- 在哪里获取 next-ai-draw-io?
- 源代码和安装说明在 GitHub 上:https://github.com/DayuanJiang/next-ai-draw-io
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
1.8万1516TypeScriptMIT更新于 10小时前
一款智能体技能,可将想法、计划或代码库转换为可交互的 HTML 图表,支持 Claude Code、Codex 等。
8.6万5827JavaScriptMIT更新于 昨天
一个开源的社区提示词库,可在网站浏览,并提供 CSV、Hugging Face 数据集、CLI 与 MCP 服务器接入。
17.4万2.2万HTMLOther更新于 8小时前
一个 TypeScript 框架,用于构建 AI 智能体和大模型驱动的应用,内置工作流、工具、记忆与评测。
2.9万3021TypeScriptOther更新于 5小时前
将多语言代码库解析为知识图谱,通过 AI 智能体或 MCP 服务用自然语言查询、检索和编辑代码。
5267702PythonMIT更新于 昨天