PlugWiki
tldraw logo

tldraw MCP Server: Setup for Claude, Cursor and ChatGPT

OfficialRemote
Gethttps://tldraw-mcp-app.tldraw.workers.dev/mcptldraw/tldraw

Lets Claude and other assistants draw on a tldraw canvas inside your chat, so you can sketch diagrams and whiteboards together.

This server puts an interactive tldraw canvas into your chat. The assistant draws shapes on it, and you can edit the same canvas by hand. It uses the MCP app format, so you need a client that shows MCP apps, such as Claude or ChatGPT.

It is made by the tldraw team and runs on their hosted server, so you add the server address and nothing is installed locally. Canvas snapshots are saved on that server for up to 7 days without a save, per the README.

Good for

  • Anyone who wants Claude to sketch diagrams, flowcharts and wireframes in the chat
  • Designers brainstorming layouts with an assistant
  • Teams who want a shared visual whiteboard with an agent

Works in

14 should work

Tap an app to see how to set it up and any known problems.

Install tldraw MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the tldraw MCP server to Claude Code. Run this command:
    
    claude mcp add --transport http tldraw https://tldraw-mcp-app.tldraw.workers.dev/mcp
    
    Then check that it loaded and tell me if I need to sign in or restart.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Built from the package data we hold. Not yet tested by us.

Tools

  • Looks up which drawing commands and shape types tldraw offers

    Runs a short JavaScript snippet against the extracted tldraw Editor API spec in a sandboxed worker on the server and returns the methods, shape types and helper functions that match. The assistant uses it before drawing.

    Try: “What shape types can I draw on the tldraw canvas?”

    Read · search

  • Draws and edits shapes on the live tldraw canvas

    Runs JavaScript against the live canvas in the widget, so the assistant can create, move, change and delete shapes and read what is on the canvas. You see the result in the canvas shown in your chat.

    Try: “Draw a flowchart of a login process with boxes and arrows.”

    Delete · exec

Read from the source code

Permissions

medium risk · 3 things to watch

Medium risk

The assistant can add, change and delete anything on the canvas, and the canvas is saved on tldraw's hosted server for up to 7 days. Export drawings you want to keep, and keep sensitive content off the canvas.

What it can do

  • Read your data
  • Create and change things
  • Delete things
  • Read-only mode

Watch out for

  • Your canvas is stored on tldraw's server

    The README says the hosted server keeps up to 50 canvas snapshots per session and deletes them after 7 days without a save. Do not put secrets on the canvas. github.com

  • The assistant runs code against your canvas

    exec runs JavaScript the model writes against the live editor inside the canvas widget, which the README says the MCP host renders in an iframe. It can change or delete any shape on the canvas, and the README describes no read-only mode, so export your work before long sessions. github.com

  • No read-only mode

    The README documents no way to limit the server to reading. Keep important drawings saved elsewhere. github.com

Security advisories

No published security advisories as of Nov 1, 2026.

Technical details
Talks totldraw-mcp-app.tldraw.workers.dev (Cloudflare Workers)
Sign-in and keysThe README describes no account or API key for the hosted server. You add the server address.

Questions

Is the tldraw MCP server official?

Yes. It is built by the tldraw team and lives in the tldraw repository under apps/mcp-app.

What is the tldraw MCP server URL?

The hosted server address is https://tldraw-mcp-app.tldraw.workers.dev/mcp. The registry also lists an SSE address at /sse on the same host.

Which clients show the canvas?

Clients that support the MCP app spec, which shows the canvas inside the chat. The README describes setup in Claude Desktop, Cursor and ChatGPT. Cursor setup is a JSON entry in its config file.

Can I use it on Claude's free plan?

Probably not in Claude Desktop. The README says the Add custom connector option is not available on the free plan, so you may need Max or another paid plan.

Does it run locally?

The documented setup uses the hosted server. The README also covers running the worker locally for development with pnpm dev, which is meant for contributors.

Does it have only two tools?

The model sees two tools, search and exec. The README also names app-only tools that the canvas widget calls for itself, such as saving and reading checkpoints.

Information

updated Nov 2, 2026

Publisher
Official
Endpoint
https://tldraw-mcp-app.tldraw.workers.dev/mcp
Transport
Streamable HTTP, SSE
Version
0.1.0
License
MIT
Last commit
Oct 30, 2026
Open issues
455
Listed in
Official MCP registry

WebsiteGitHubOfficial MCP RegistryChangelogIssues

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 3
  1. github.com · github.com
  2. github.com · github.com
  3. github.com · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.