Repolode
DayuanJiang

DayuanJiang/next-ai-draw-io

通过与 AI 对话绘制和编辑 draw.io 图表的网页、桌面及 MCP 工具。

可替代:Lucidchart

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. 1

    克隆代码仓库

    git clone https://github.com/DayuanJiang/next-ai-draw-io
  2. 2

    进入项目文件夹

    cd next-ai-draw-io
  3. 3

    安装依赖

    npm install
  4. 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 数据每日更新。

相关项目