Drawio Mcp Extension
What is Drawio Mcp Extension
The drawio-mcp-extension is a browser extension designed to enhance the functionality of Draw.io (Diagrams.net) by integrating with the Draw.io Model Context Protocol (MCP) Server.
Use cases
Use cases for the drawio-mcp-extension include creating flowcharts, organizational charts, and system architecture diagrams, as well as collaborative diagramming sessions in teams.
How to use
To use the drawio-mcp-extension, you can install it from the Chrome Web Store or Firefox Add-ons page. Alternatively, you can download it from GitHub or build it locally using pnpm.
Key features
Key features of the drawio-mcp-extension include seamless integration with Draw.io, support for Vibe Diagramming, and the ability to build and customize the extension for different browsers.
Where to use
The drawio-mcp-extension is primarily used in fields that require diagramming and modeling, such as software development, project management, and educational environments.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Overview
What is Drawio Mcp Extension
The drawio-mcp-extension is a browser extension designed to enhance the functionality of Draw.io (Diagrams.net) by integrating with the Draw.io Model Context Protocol (MCP) Server.
Use cases
Use cases for the drawio-mcp-extension include creating flowcharts, organizational charts, and system architecture diagrams, as well as collaborative diagramming sessions in teams.
How to use
To use the drawio-mcp-extension, you can install it from the Chrome Web Store or Firefox Add-ons page. Alternatively, you can download it from GitHub or build it locally using pnpm.
Key features
Key features of the drawio-mcp-extension include seamless integration with Draw.io, support for Vibe Diagramming, and the ability to build and customize the extension for different browsers.
Where to use
The drawio-mcp-extension is primarily used in fields that require diagramming and modeling, such as software development, project management, and educational environments.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Content
Draw.io MCP Browser Extension
Let’s do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).
This is a necessary counterpart for Draw.io MCP Server
Requirements
Optional for Development
- pnpm - Preferred package manager
Installation
For detailed end-to-end Draw.io MCP installation please follow the description on Draw.io MCP Server.
There are the following options to install the Extension itself.
Web Store
Release package
You can download a ZIP for one of the browsers in the Release section.
GitHub CI package
You can download a ZIP with both versions of the Extension for Chrome and Firefox in the package workflow.
Just open a job run, scroll to the Artifact section, download the ZIP and side load the extension for one of the supported browsers.
Local build
You can build a version of the extension by running:
pnpm run build
or
pnpm run build:firefox
It will build expanded version in the .output folder.
If you need a ZIP/CRX, run one of the following:
pnpm run zip
or
pnpm run zip:firefox
Related Resources
Dev Tools Supporting MCP
The following are the main code editors that support the Model Context Protocol. Click the link to visit the official website for more information.
