DN

dayuanjiang/next-ai-draw-io

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

36,5 тыс. stars 3,8 тыс. forks Качество 96 Тренд 74Apache-2.0

Рисуйте и редактируйте draw.io диаграммы, общаясь с ИИ. Веб-приложение, десктопное приложение и MCP-сервер для Claude Code, Cursor, Codex и VS Code.

Обзор

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec Опишите схему в предложении, и ИИ нарисует её на реальном draw.io холсте. Редактируйте вручную, как любой draw.io файл, или выберите несколько фигур и скажите ИИ, что изменить. Каждое изменение ИИ — это версия, которую можно сравнить, восстановить или отменить, а результат экспортируется в .drawio, .png или .svg. Доступно в виде веб-приложения, настольного приложения для Windows, macOS и Linux, а также MCP-сервера для AI-агентов, таких как Claude Code, Cursor и VS Code.

Обзор (машинный перевод)

Рисуйте и редактируйте draw.io диаграммы, общаясь с ИИ.

Английский | 中文 | 日本語

Живая демонстрация · Документы · Галерея · Десктопное приложение · Сервер MCP

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

Опишите схему в предложении, и ИИ нарисует её на реальном draw.io холсте. Редактируйте её вручную, как любой draw.io файл, или выберите несколько фигур и скажите ИИ, что изменить. Каждое изменение ИИ — это версия, которую можно сравнить, восстановить или отменить, а результат экспортируется как .drawio, .png или .svg.

Доступно в виде веб-приложения, настольного приложения для Windows, macOS и Linux, а также MCP-сервера для AI-агентов, таких как Claude Code, Cursor и VS Code.

Основные моменты

Ничья

  • Архитектурные диаграммы, блок-схемы, диаграммы последовательностей и многое другое из одного предложения с встроенными библиотеками иконок AWS, Azure, GCP и Kubernetes
  • Соединители могут передавать плавную анимацию
  • Загрузить скриншот или эскиз, и ИИ перерисовать его; загрузить PDF, Markdown, код и другие текстовые файлы и получить схему их содержимого

Править

  • Редактирование в чате: поток изменений на холсте, а формы, которые только что изменил ИИ, выделяются

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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
Открыть полный README на GitHub

Установка

npx @next-ai-drawio/mcp-server@latest
Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

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