MCP server

draw.io MCP Server

Create draw.io diagrams from Mermaid or XML, shown live in the chat. Official: built and maintained by draw.io. It runs as a hosted remote server: nothing to install. Setup below for 13 clients (checked 2026-10-25). Repo and registry data checked 2026-10-24.
Maintainer
Official · draw.io
Runs
Remote
GitHub
★ 5,700, last push 2026-10-24 (checked 2026-10-24)
License
Apache-2.0
URL
https://mcp.draw.io/mcp
Registry
io.draw/mcp
Connects to
draw.io

Install the draw.io MCP Server

Pick your client. Remote first: nothing to install, and you sign in with OAuth where the client supports it. Config shapes checked against each client's docs on 2026-10-25.

Run in a terminal, then /mcp inside Claude Code to sign in. Add --scope project to share it via .mcp.json. docs

claude mcp add --transport http draw-io https://mcp.draw.io/mcp

Security notes

  • The remote server runs at mcp.draw.io, hosted by draw.io. You sign in with OAuth in clients that support it, and it acts with your account's permissions.
  • shadcn/uiofficial · ★ 126k

    Browse, search and install components from shadcn/ui and other registries, built into the shadcn CLI.

  • Magic (21st.dev)official · ★ 6.2k

    Generate React UI components from a prompt, inspired by 21st.dev's library.

  • Excalidrawofficial · ★ 5.6k

    Draw hand-drawn style Excalidraw diagrams that render live in the chat.

  • AntV Chartofficial · ★ 4.4k

    Generate charts (line, bar, maps, flow diagrams and 20+ more) with AntV.

  • Miroofficial · ★ 163

    Hosted server to read Miro boards and create diagrams, docs and tables on them.

  • Webflowofficial · ★ 140

    Pages, CMS collections and site settings in Webflow, with a Designer companion app.

  • Wixofficial · ★ 15

    Hosted server to build and manage Wix sites, stores, bookings and CMS data.

  • Canvaofficial

    Search, create and export Canva designs from an AI assistant (hosted server).

FAQ

What does the draw.io MCP Server do?+

Create draw.io diagrams from Mermaid or XML, shown live in the chat.

Is the draw.io MCP server official?+

Official: built and maintained by draw.io.

How do I add draw.io to Claude Code?+

Run: claude mcp add --transport http draw-io https://mcp.draw.io/mcp, then /mcp inside Claude Code to sign in. Add --scope project to share it with your team through .mcp.json.

How do I use the draw.io MCP server in Cursor or VS Code?+

Open the Cursor or VS Code tab above: it has the mcp.json entry and a one-click install link. Cursor uses the "mcpServers" key; VS Code uses "servers" and needs a type ("http").

Does draw.io work in ChatGPT and claude.ai?+

Yes, it has a remote URL (https://mcp.draw.io/mcp). In claude.ai add it under Customize > Connectors > Add custom connector; in ChatGPT under chatgpt.com/plugins > Add custom MCP server.

What are the alternatives to the draw.io MCP server?+

Other design & frontend MCP servers: shadcn/ui, Magic (21st.dev), Excalidraw, AntV Chart and Miro.

All MCP servers · What is an MCP server? · Agent skills