Tldraw MCP Server

create-tldraw

Draw and visually collaborate with your agents on tldraw's canvas.

51.0k 3.8k/wk 6 tools GitHub npm

No known CVEs

No license

Actively maintained

Last commit 1d ago

Works with most clients

Transport: stdio, sse

6 tools · ~418 tok

Grade A · 0.2% of 200K ctx

MCPpedia last refreshed this data 1d ago

Edit this pageView history

Tldraw MCP Server is an MCP server that draw and visually collaborate with your agents on tldraw's canvas. Its tool list has not been published yet over stdio and sse, requires no API key, and scores 93/100 on MCPpedia's security, maintenance and efficiency rubric.

Design

Step 1

Install in your client

Config is the same across clients - only the file and path differ.

Supported in Claude Desktopstdio, sse · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "io-github-tldraw-tldraw": {
      "args": [
        "-y",
        "create-tldraw"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-tldraw-tldraw)](https://mcppedia.org/s/io-github-tldraw-tldraw)

Read me

What Tldraw MCP Server does

Draw and visually collaborate with your agents on tldraw's canvas.

Test This Server

Run this in your terminal to verify the server starts. Then let us know if it worked - your result helps other developers.

npx -y 'create-tldraw' 2>&1 | head -1 && echo "✓ Server started successfully"

After testing, let us know if it worked:

Loading README…

Scored, not listed

Why this score

Five weighted categories - click any category to see the underlying evidence.

Score breakdown

93/100across 5 weighted dimensions

How we score →

0255075100

−7

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked create-tldraw against OSV.dev.

Inventory

Tools (6)

Click any tool to inspect its schema.

~418 tokens total

Community

Reviews

Be the first to review

Have you used this server?

Share your experience - it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is Tldraw MCP Server safe to use?: Tldraw MCP Server has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment.
How do I install Tldraw MCP Server?: Tldraw MCP Server supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What can Tldraw MCP Server do?: Tldraw MCP Server provides 6 tools: Documentation, Community, Contributing, License, Trademarks and 1 more. See the full tools list on the server page for descriptions and parameters.
What AI clients work with Tldraw MCP Server?: Tldraw MCP Server is compatible with claude-desktop, cursor, claude-code. It uses stdio and sse transport.
Is Tldraw MCP Server actively maintained?: Tldraw MCP Server is actively maintained - last commit was 1 day ago. It has 51,025 GitHub stars.

Similar servers

Others in design

View all →

io.github.dembrandt/dembrandt95

Design tokens from any live site: colours, type, spacing, components, drift against a baseline.

3.8k 7

Open Pencil95

AI-native design editor. Open-source Figma alternative.

9.2k 6

ai.spritecook/generate93

Generate game sprites and assets from text prompts for game development.

45 5

Shadcn Ui Mcp Server93

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

3.1k 5

MCP Security Weekly

Get CVE alerts and security updates for Tldraw MCP Server and similar servers.

Community

Discussion

Start a conversation

Ask a question, share a tip, or report an issue.

Has anyone used this with Cursor?How do you handle auth?Any alternatives?

Feature highlights

tldraw provides a feature-complete infinite canvas engine designed to be the foundation for any canvas app. Create custom shapes, tools, bindings and UI components for a custom experience. Use the default whiteboarding tool set or use the library's primitives to build entirely new shapes and interactions.

Multiplayer — self-hostable real-time collaboration with @tldraw/sync

Drawing and diagramming — pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping to shapes, edge scrolling, image and video support, image export

Runtime API - drive the canvas at runtime with the Editor API

Fully extensible — custom shapes, tools, bindings, UI components, side effects, and event hooks

AI integrations — canvas primitives for building with LLMs

DOM canvas — web rendering supports anything the browser supports, including embedded websites from YouTube, Figma, GitHub, and more

Broad support — works in any browser across desktop, touch screens, tablets, and mobile devices

Frequently Asked Questions

Is Tldraw MCP Server safe to use?

Tldraw MCP Server has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment.

How do I install Tldraw MCP Server?

Tldraw MCP Server supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.

What can Tldraw MCP Server do?

Tldraw MCP Server provides 6 tools: Documentation, Community, Contributing, License, Trademarks and 1 more. See the full tools list on the server page for descriptions and parameters.

What AI clients work with Tldraw MCP Server?

Tldraw MCP Server is compatible with claude-desktop, cursor, claude-code. It uses stdio and sse transport.

Is Tldraw MCP Server actively maintained?

Tldraw MCP Server is actively maintained - last commit was 1 day ago. It has 51,025 GitHub stars.

Build infinite canvas apps in React with the tldraw SDK.

Docs · Examples · Starter kits

Feature highlights

Multiplayer — self-hostable real-time collaboration with @tldraw/sync
Drawing and diagramming — pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping to shapes, edge scrolling, image and video support, image export
Runtime API - drive the canvas at runtime with the Editor API
Fully extensible — custom shapes, tools, bindings, UI components, side effects, and event hooks
AI integrations — canvas primitives for building with LLMs
DOM canvas — web rendering supports anything the browser supports, including embedded websites from YouTube, Figma, GitHub, and more
Broad support — works in any browser across desktop, touch screens, tablets, and mobile devices

Who's using tldraw

The tldraw SDK powers canvas experiences in products from Google, Shopify, BlackRock, Autodesk, ClickUp, Replit, Google Stitch, Luma, Runway, Padlet, Mobbin, Jam, Craft, Honeycomb, SchoolAI, Brisk, CADChat, bigpi, Genio, Pollination, Legendkeeper, Matilda, Aries, Alai, Dirac, and many more.

See our showcase for case studies on how teams build with tldraw.

Quick start

Install the tldraw package:

npm i tldraw

Then, use the <Tldraw /> component in your React app:

import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.

... [View full README on GitHub](https://github.com/tldraw/tldraw#readme)