draw.io MCP Server: Setup for Claude, Cursor and Other Apps

• Draws a diagram inline in the chat (hosted server)

  Renders draw.io XML or Mermaid (28 diagram types) as an interactive diagram in the conversation. In apps that cannot show it inline, it returns a link that opens the diagram in the draw.io editor.

  Try: “Draw a flowchart for a customer refund process.”

  Network · create_diagram

• Opens a Mermaid diagram in the draw.io editor (npm server)

  Converts Mermaid text into an editable draw.io diagram and opens it in the editor. The tool text recommends it for flowcharts, sequence, class, state and ER diagrams, Gantt charts and mind maps.

  Try: “Open a sequence diagram of our login flow in draw.io.”

  Network · open_drawio_mermaid

• Opens a diagram from draw.io XML in the editor (npm server)

  Opens the editor with a diagram from native draw.io XML. Use it for custom styling, precise positions and stencil-based diagrams such as cloud, network and floor plans.

  Try: “Draw our AWS architecture with real AWS icons and open it in draw.io.”

  Network · open_drawio_xml

• Builds a diagram from CSV data (npm server)

  Opens the editor with a diagram generated from CSV, such as an org chart built from a table.

  Try: “Turn this CSV of employees and managers into an org chart.”

  Network · open_drawio_csv

• Finds draw.io shapes and icons by keyword

  Searches about 10,000 built-in shapes (AWS, Azure, GCP, Cisco, Kubernetes, UML, BPMN and more) and returns their style strings. The hosted server also asks the draw.io icon service for brand logos unless that is turned off.

  Try: “Find the AWS Lambda and API Gateway shapes.”

  Network · search_shapes

• Gives the model draw.io's drawing rules

  Returns the XML or Mermaid generation reference, which the model reads once per format before its first diagram.

  Try: “Load the draw.io reference before drawing.”

  Read · get_drawio_reference

• Lists the pages in a local .drawio file (npm server)

  Lists each page's index, ID, name and size in a local .drawio file without loading the content.

  Try: “List the pages in architecture.drawio.”

  Files · list_pages

• Reads one page of a local .drawio file (npm server)

  Returns the raw XML of one page from a local .drawio file, decompressing it if needed.

  Try: “Read page 2 of architecture.drawio.”

  Files · get_page

• Replaces one page of a local .drawio file (npm server)

  Overwrites the content of one page in a local .drawio file and leaves the other pages untouched.

  Try: “Update page 2 of architecture.drawio with the new database box.”

  Write · set_page

Watch out for

• The hosted server sees your diagram

  The README says a diagram made with mcp.draw.io is sent to the draw.io server. Self-host it or use the npm package to keep it local. github.com

• It can overwrite local .drawio pages

  The page-edit tool replaces the content of one page in a local file. Keep a copy of important files. github.com

• Shape search sends your search words out

  The README says search_shapes queries icons.diagrams.net with the search terms unless the icon service is turned off. github.com

• Your model provider sees the diagram too

  The README notes the diagram is produced by your model, wherever that runs. github.com

Security advisories