The fcp-drawio server enables creating, editing, querying, and managing draw.io diagrams through high-level, intent-based commands — no manual XML, IDs, or geometry required.

Diagram Manipulation (drawio)

• Add shapes of 12 types (svc, db, api, queue, cloud, actor, doc, box, decision, circle, process, triangle) with optional themes, positions, and sizes

• Connect shapes with styled edges (solid, dashed, dotted, animated, thick, curved, orthogonal) and arrow types (directed, bidirectional, undirected)

• Remove shapes or connections individually or via selectors (e.g., @type:db, @orphan, @all)

• Style shapes with fill/stroke/font colors, bold/italic, and predefined color themes (blue, green, red, orange, purple, yellow, gray, dark)

• Move, resize, and swap shapes; auto-position relative to others using near:/dir: heuristics with collision avoidance

• Auto-layout using ELK algorithms (layered, force, tree) with configurable direction (TB/LR/BT/RL)

• Group/ungroup shapes, manage pages and layers (add, switch, remove, show, hide)

• Define reusable custom component types and load shape packs

• Export diagrams as PNG, SVG, or PDF (inline or file)

Diagram Inspection (drawio_query)

• Query current diagram state: list shapes, describe nodes, inspect connections, find elements by type/group/position/recency

Session Management (drawio_session)

• Create new diagrams, open existing .drawio files, save or save-as

• Undo/redo operations or revert to a named checkpoint

Help (drawio_help)

• Retrieve the full command reference with all operations, options, and examples

Allows creating and editing draw.io diagrams through intent-level commands, enabling AI agents to build architecture diagrams, flowcharts, and system maps by describing high-level operations.

1. Click on "Install Server".

2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.

3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@fcp-drawio Draw a diagram: blue AuthService connects to green UserDB"

That's it! The server will respond to your query, and you can continue using it as needed.

Here is a step-by-step guide with screenshots.