Provides tools for managing Excalidraw drawings including creating, reading, updating, and deleting drawings, as well as exporting drawings to SVG, PNG, and JSON formats.
Enables exporting Excalidraw drawings to SVG format.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Excalidraw MCP Serverexport my latest diagram to PNG for the presentation"
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.
Excalidraw MCP Server
This is a Model Context Protocol (MCP) server for Excalidraw, providing API functionality for operating on Excalidraw drawings.
Features
Create, read, update, and delete Excalidraw drawings
Export drawings to SVG, PNG, and JSON formats
Simple file-based storage system
Related MCP server: MCP SVG Converter
Installation
# Clone the repository
git clone https://github.com/yourusername/excalidraw-mcp.git
cd excalidraw-mcp
# Install dependencies
npm install
# Build the project
npm run buildUsage
Starting the Server
npm startAPI Endpoints
The server provides the following tools:
Drawing Management
create_drawing: Create a new Excalidraw drawingget_drawing: Get an Excalidraw drawing by IDupdate_drawing: Update an Excalidraw drawing by IDdelete_drawing: Delete an Excalidraw drawing by IDlist_drawings: List all Excalidraw drawings
Export Operations
export_to_svg: Export an Excalidraw drawing to SVGexport_to_png: Export an Excalidraw drawing to PNGexport_to_json: Export an Excalidraw drawing to JSON
Development
Project Structure
excalidraw-mcp/
├── src/
│ ├── common/
│ │ └── errors.ts
│ └── operations/
│ ├── drawings.ts
│ └── export.ts
├── index.ts
├── package.json
├── tsconfig.json
└── README.mdBuilding
npm run buildRunning in Development Mode
npm run devLicense
MIT