Draw.io MCP server

Установка

npx skillfoxx add mcp/lgazo-drawio-mcp-server

claude mcp add --transport stdio drawio -- npx -y drawio-mcp-server --editor

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

code --add-mcp '{"name":"drawio","type":"stdio","command":"npx","args":["-y","drawio-mcp-server","--editor"]}'

{
  "servers": {
    "drawio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

codex mcp add drawio -- npx -y drawio-mcp-server --editor

[mcp_servers.drawio]
command = "npx"
args = ["-y", "drawio-mcp-server", "--editor"]

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcp": {
    "drawio": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "context_servers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

/plugin marketplace add lgazo/drawio-mcp-server
/plugin install drawio

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Сервер дает агенту набор MCP-инструментов для управления диаграммами draw.io. Через них можно создавать, читать, менять и удалять фигуры, ребра и подписи, работать со слоями и страницами, а также импортировать и экспортировать диаграммы в XML, SVG и PNG. Поддерживается импорт и встраивание диаграмм Mermaid. Наборы фигур AWS, GCP, Azure и Cisco подхватываются из боковой панели draw.io во время работы, поэтому агент ставит нужные иконки без заранее собранного каталога. Работать можно через встроенный редактор, который поднимает сам сервер, или через браузерное расширение, подключенное к draw.io в браузере.

Для кого. Для разработчиков, архитекторов и технических писателей, которым нужно строить диаграммы прямо из диалога с агентом.

Пример запроса к агенту

Построй схему событийной архитектуры с очередью сообщений, продюсерами, консьюмерами и тремя сервисами

Ограничения

Сервер требует Node.js 22 или новее и запускается как часть MCP-хоста. Для работы нужен либо встроенный редактор с флагом --editor, либо браузерное расширение при открытом draw.io в браузере. Интеграция с настольным приложением draw.io на Electron помечена как экспериментальная и сейчас упирается в ограничение CSP со стороны самого draw.io. Режим TLS с HTTPS и WSS включается по желанию, самоподписанные сертификаты сервер может создать сам.

Как отключить. Удалите запись drawio из конфигурации MCP вашего клиента. Если ставили как плагин Claude Code, удалите его через /plugin.

MCP

Транспорт

stdio

Авторизация

не нужна

Проверка безопасности

• Поднимает локальный сервер и подключается к редактору по websocket
• Создает и изменяет диаграммы, может сохранять их в файлы

Коротко о README

README представляет MCP-сервер для draw.io, который дает агентам инструменты для создания, чтения, изменения и удаления элементов диаграммы. Работать можно через встроенный редактор с флагом --editor или через браузерное расширение. Самый быстрый путь установки: плагин Claude Code через /plugin или команда npx drawio-mcp-server install для нужного хоста, есть и ручной фрагмент конфигурации mcpServers. Перечислены слои, страницы, импорт и экспорт XML, SVG и PNG, импорт Mermaid и подхват фигур AWS, GCP, Azure и Cisco. Указано, что нужен Node.js 22 или новее, а интеграция с настольным draw.io пока экспериментальная. Лицензия MIT.

Похожие