What diagram elements can I control programmatically?

You can manage various node shapes (e.g., Rectangle, Ellipse, Cloud), create labeled connections with styling options, define node positions, dimensions, and apply automatic layouts.

What is Draw.io MCP Server?

It's a Model Context Protocol (MCP) server providing a programmatic API for creating and managing draw.io diagrams, compatible with MCP clients like Claude Desktop.

Does it support efficient diagram building?

Yes, it features batch operations (add, edit, link, remove nodes) allowing you to perform multiple changes in a single API call for highly efficient and atomic diagram construction.

Draw.io

Name: Draw.io
Author: Noacodenoobe

byNoacodenoobe

0•

Developer Tools

Design Tools

Productivity & Workflow

Provides programmatic tools for creating and managing draw.io diagrams using a clean API compatible with MCP clients.

Draw.io offers a Model Context Protocol (MCP) server that empowers users to programmatically generate and manage intricate draw.io diagrams. By providing a clean API built on mxgraph, it allows for the incremental construction of architecture diagrams, flowcharts, and various other visualizations. It seamlessly integrates with applications like Claude Desktop and other MCP-compatible clients, operating on standard `.drawio.svg` files, ensuring compatibility with tools like the VSCode draw.io extension.

Key Features

01Batch operations for efficient diagram building (add, edit, link, remove nodes)

02Integration with MCP-compatible clients like Claude Desktop

030 GitHub stars

04Support for various node shapes (Rectangle, Ellipse, Cylinder, Cloud, etc.)

05Stateless API operating on `.drawio.svg` files

06Flexible connection management with styling options

Use Cases

01Automating the creation of various data visualizations

02Generating architecture diagrams programmatically

03Creating flowcharts and process diagrams via API