Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Официальный draw.io сервер MCP (Model Context Protocol), который позволяет LLM создавать и открывать диаграммы в редакторе draw.io.
Обзор
Официальный draw.io сервер MCP (Model Context Protocol), который позволяет LLM создавать и открывать диаграммы в редакторе draw.io. Этот репозиторий предлагает четыре подхода интеграции draw.io с ассистентами на базе ИИ. Выберите тот, который подходит вашей системе: Сервер приложений MCP отображает draw.io диаграммы в чат-интерфейсах ИИ с использованием протокола MCP Apps. Вместо открытия вкладки браузера диаграммы появляются непосредственно в беседе в виде интерактивных iframe. Официальная размещённая конечная точка доступна по адресу: Добавьте этот URL как удалённый MCP-сервер в Claude.ai или любой хост, совместимый с MCP Apps — установка не требуется. Вы также можете запустить сервер локально через Node.js или развернуть свой собственный экземпляр в Cloudflare Workers. - — Рендерит draw.io XML в виде интерактивной диаграммы в чате — — Ищет 10 000+ фигур во всех draw.io библиотеках (AWS, Azure, GCP, P&ID, electrical, Cisco, Kubernetes, UML, BPMN и др.) по ключевым словам. Возвращает точные строки стиля, которые можно использовать напрямую в XML.
Обзор (машинный перевод)
Официальный draw.io сервер MCP (Model Context Protocol), который позволяет LLM создавать и открывать диаграммы в редакторе draw.io.
▶ Посмотрите видео и настройте draw.io в вашем AI-ассистенте на drawio.com/mcp.
Четыре способа создания диаграмм
Этот репозиторий предлагает четыре подхода интеграции draw.io с ассистентами на базе ИИ. Выберите тот, который подходит вашей системе:
| Сервер приложений MCP | Сервер инструментов MCP | Плагины Assistant | Инструкции по проекту | |
|---|---|---|---|---|
| Как это работает | Отображает диаграммы в чате | Открывает диаграммы в браузере | Генерирует файлы .drawio, опционально экспортирует PNG/SVG/PDF или URL браузера |
Claude генерирует draw.io URL через Python |
| Вывод диаграммы | Интерактивный просмотрщик, встроенный в разговор | draw.io редактор в новой вкладке | .drawio, .drawio.png / .svg / .pdf, или URL браузера |
Кликаемая ссылка на draw.io |
| Требуется установка | Нет (размещено на mcp.draw.io) |
Да (пакет npm) | Установка однострочного плагина (draw.io Desktop только для экспорта PNG/SVG/PDF) | Нет — просто инструкции по вставке |
| Поддерживает XML, CSV, Mermaid | XML и Mermaid | ✅ Все три | XML и Mermaid (Русалке нужен draw.io рабочий стол) | ✅ Все три |
| **Редактируемо в рисунке. |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
Draw.io MCP Server
The official draw.io MCP (Model Context Protocol) server that enables LLMs to create and open diagrams in the draw.io editor.
▶ Watch the video and set up draw.io in your AI assistant on drawio.com/mcp.
Four Ways to Create Diagrams
This repository offers four approaches for integrating draw.io with AI assistants. Pick the one that fits your setup:
| MCP App Server | MCP Tool Server | Assistant Plugins | Project Instructions | |
|---|---|---|---|---|
| How it works | Renders diagrams inline in chat | Opens diagrams in your browser | Generates .drawio files, optional PNG/SVG/PDF export or browser URL |
Claude generates draw.io URLs via Python |
| Diagram output | Interactive viewer embedded in conversation | draw.io editor in a new tab | .drawio, .drawio.png / .svg / .pdf, or browser URL |
Clickable link to draw.io |
| Requires installation | No (hosted at mcp.draw.io) |
Yes (npm package) | One-line plugin install (draw.io Desktop only for PNG/SVG/PDF export) | No — just paste instructions |
| Supports XML, CSV, Mermaid | XML and Mermaid | ✅ All three | XML and Mermaid (Mermaid needs draw.io Desktop) | ✅ All three |
| Editable in draw.io | Via “Open in draw.io” button | ✅ Directly | ✅ Directly | Via link |
| Works with | Claude.ai, ChatGPT, VS Code, Cursor, GitHub Copilot CLI, any MCP Apps host | Claude Desktop, Cursor, OpenCode, any MCP client | Claude Code, Codex CLI, GitHub Copilot, Cursor, Antigravity, OpenCode | Claude.ai (with Projects) |
| Best for | Inline previews in chat | Local desktop workflows | Local development workflows | Quick setup, no install needed |
Guides
User guides with tested prompts and examples are in the draw.io documentation, and the setup for each assistant is on drawio.com/mcp:
- Write prompts: Mermaid or draw.io XML, speed and models
- Diagram types and examples and the gallery of every diagram type
- Change and style diagrams: changes by prompt, color themes, styles
- Install options and output formats
- Diagram viewer
Установка
This server does not publish a one-line install command.
Open the repository installation guide Новичок в MCP? Начните с руководства на mcpskill.org →