
Gives your agent a live tldraw canvas in the chat, so it can draw diagrams, flows and sketches with you.
by tldraw· DesignUnclaimed · Yours? Claim it
4 images
About
tldraw's own MCP App. Instead of only answering in text, it opens a full, interactive tldraw canvas in your chat, and your agent draws on it: diagrams, flows, state machines and sketches. You can draw on the same canvas, and the agent sees the canvas as it changes, so you can work an idea out together without leaving the conversation. What you can do with it - Have your agent draw a diagram, a state machine or a quick sketch - Diagram the file you're working on - Map out a flow, such as a login flow, then ask for changes and have the agent revise its plan - Sketch an idea yourself and have the agent build on it - Keep working on the same canvas across turns How it works The server gives your agent two tools. search looks things up in tldraw's Editor API, and exec runs JavaScript against the live editor in the canvas to create, change, arrange or read shapes. Each canvas has its own ID, so the agent can start a new one or keep editing one it made earlier. How it connects tldraw hosts it at https://tldraw-mcp-app.tldraw.workers.dev/mcp, with no sign-in. The canvas only appears in agents that support MCP Apps, the MCP extension for interactive interfaces. tldraw launched it in Cursor, and its docs also cover adding it to Claude Desktop as a custom connector. Good to know - Canvas snapshots are saved on tldraw's server and in your browser's local storage. A session's canvases are removed after seven days without a save. - It's built with the tldraw SDK, and its source is in the tldraw repository on GitHub.
Plugins people install alongside tldraw MCP App.
Once it’s added
“Draw a cat in tldraw.”
“Draw me a state machine.”
“Diagram my current file.”
“Plan a new user system and map out the login flow.”
“Update the diagram to include social sign-on through Google and GitHub.”
Before you add it
Reads only
What's on the canvas, including what you draw · tldraw's Editor API reference
Makes changes · your agent can ask first
Creates, edits, arranges and deletes shapes on the canvas
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
Add to VS Codecopilot mcp add --transport http tldraw-mcp-app https://tldraw-mcp-app.tldraw.workers.dev/mcp
A hosted server: nothing runs on your machine.
Add to Cursor.cursor/mcp.json{
"mcpServers": {
"tldraw-mcp-app": {
"url": "https://tldraw-mcp-app.tldraw.workers.dev/mcp"
}
}
}A hosted server: nothing runs on your machine.
claude mcp add --transport http tldraw-mcp-app https://tldraw-mcp-app.tldraw.workers.dev/mcp
A hosted server: nothing runs on your machine.
codex mcp add tldraw-mcp-app --url https://tldraw-mcp-app.tldraw.workers.dev/mcp
A hosted server: nothing runs on your machine.
~/.gemini/config/mcp_config.json{
"mcpServers": {
"tldraw-mcp-app": {
"url": "https://tldraw-mcp-app.tldraw.workers.dev/mcp"
}
}
}A hosted server: nothing runs on your machine.
gemini mcp add --transport http tldraw-mcp-app https://tldraw-mcp-app.tldraw.workers.dev/mcp
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
openclaw mcp add tldraw-mcp-app --url https://tldraw-mcp-app.tldraw.workers.dev/mcp --transport streamable-http
A hosted server: nothing runs on your machine.
opencode mcp add tldraw-mcp-app --url https://tldraw-mcp-app.tldraw.workers.dev/mcp
A hosted server: nothing runs on your machine.
hermes mcp add tldraw-mcp-app --url https://tldraw-mcp-app.tldraw.workers.dev/mcp
~/.hermes/config.yaml{
"mcp_servers": {
"tldraw-mcp-app": {
"url": "https://tldraw-mcp-app.tldraw.workers.dev/mcp"
}
}
}Scanned and passed · checked 7 h ago
No reviews yet. Used tldraw MCP App? Say how it went.
Write a reviewPlugins people install alongside tldraw MCP App.
Connects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.
Reviews your frontend code and live pages against the Front-End Checklist rules for accessibility, performance, SEO and security.
Your agent draws editorial diagrams in your brand, as one self-contained HTML and SVG file, and redraws Mermaid, draw.io and Excalidraw.
A community skill that asks four questions about your product, then has your agent build an animated, single-file HTML landing page.
Nobody has shared how they use tldraw MCP App yet.
Security scan
Passed
Safe to install in every agent it supports. Runs remotely on tldraw-mcp-app.tldraw.workers.dev · answering.