dayuanjiang/next-ai-draw-io

开发工具

本页由 AI 翻译，技术细节请以原文为准。查看原文

3.6万 stars 3813 forks 质量 96 趋势 74Apache-2.0

Repository Install

通过与AI聊天绘制和编辑 draw.io 图。包括网页应用、桌面应用，以及用于Claude代码、光标、Codex和VS Code的MCP服务器。

概览

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec 用一句话描述一个图表，AI 会在真实的 draw.io 画布上绘制。像对待任何 draw.io 文件一样手工编辑，或者选择几个形状告诉 AI 要改什么。每一次 AI 的修改都是你可以比较、恢复或撤销的版本，结果导出为 .drawio、.png 或 .svg。它提供网页应用、Windows、macOS和Linux桌面应用，以及用于Claude Code、Cursor和VS Code等AI代理的MCP服务器。

概述（AI 翻译）

通过与AI聊天绘制和编辑 draw.io 图。

英文 |中文 |日本語

现场演示****文档 ·画廊 ·桌面应用 ·MCP服务器

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec

用一句话描述一个图表，AI会在真实的 draw.io 画布上绘制。像修改任何 draw.io 文件一样手工编辑，或者选择几个形状告诉AI要修改什么。每一次AI的更改都是你可以比较、恢复或撤销的版本，结果导出为.drawio、.png或.svg。

它提供网页应用、Windows、macOS和Linux桌面应用，以及用于Claude Code、Cursor和VS Code等AI代理的MCP服务器。

精彩片段

抽签

从一句话中提供架构图、流程图、时序图等内容，内置 AWS、Azure、GCP 和 Kubernetes 图标库
连接器可以携带流畅动画
上传截图或草图，AI会重新绘制;上传PDF、Markdown、代码及其他文本文件，并获取内容图示

编辑

聊天编辑：更改内容会流到画布上，AI刚更改的形状会被高亮显示

本页由 AI 翻译，技术细节请以原文为准。

README

以下为原文 README 节选，完整内容请查看原文。

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec

Describe a diagram in a sentence and the AI draws it on a real draw.io canvas. Edit it by hand like any draw.io file, or select a few shapes and tell the AI what to change. Every AI change is a version you can compare, restore or undo, and the result exports as .drawio, .png or .svg.

Available as a web app, a desktop app for Windows, macOS and Linux, and an MCP server for AI agents such as Claude Code, Cursor and VS Code.

Highlights

Draw

Architecture diagrams, flowcharts, sequence diagrams and more from one sentence, with built-in AWS, Azure, GCP and Kubernetes icon libraries
Connectors can carry a flowing animation
Upload a screenshot or a sketch and the AI redraws it; upload PDF, Markdown, code and other text files and get a diagram of their content

Edit

Edit by chat: changes stream onto the canvas and the shapes the AI just changed are highlighted
Ask about a selection: select shapes on the canvas and the AI changes only those
Versions and undo: every AI change is a version card with a thumbnail; compare it with the canvas, restore it or undo it, and Ctrl+Z on the canvas also takes back an AI change in one step
It is a normal draw.io diagram: double-click to rename, drag, restyle, use several pages, and export as .drawio, .png, .svg or .drawio.svg at any time

Use

25 model providers, including an OpenAI-compatible preset for any other URL; enter your own API key in the browser and it stays on your machine
Models that reason show their thinking
Dark mode; the interface is available in English, Simplified Chinese, Traditional Chinese and Japanese

Examples

  Highly available web app on AWS

在 GitHub 查看完整 README

安装

npx @next-ai-drawio/mcp-server@latest

新手？先看 mcpskill.org 教程 →

配置

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["@next-ai-drawio/mcp-server@latest"]
    }
  }
}