Happy slice of mcp pizzaMCP.pizza

tldraw

MCP.Pizza Chef: tldraw

Lets you build an infinite drawing canvas where you and an AI assistant can sketch diagrams, take visual notes, and organize ideas together. Includes a ready-made 'Agent' kit so an AI can read what is on the canvas and draw, move, or edit shapes for you. It is a building block that developers add to their own apps, chat tools, or whiteboards, so setting it up takes some coding rather than a single click.

Images/Design
Notes

Use This MCP server To

Sketch a diagram and have my AI clean it up Turn a rough whiteboard sketch into a tidy diagram Build a shared canvas for brainstorming with an AI assistant Let an AI draw or rearrange shapes on my canvas Create visual notes and mind maps that AI can edit Collaborate with teammates on a drawing in real time Mark up an image or screenshot with notes and arrows

README

tldraw

npm npm downloads Discord Ask DeepWiki

Build infinite canvas apps in React with the tldraw SDK.

Docs · Examples · Starter kits

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

Who's using tldraw

tldraw FAQ

Can I use this to sketch diagrams that my AI assistant can edit?
Yes — the Agent starter kit lets an AI read what is on the canvas and add, move, or redraw shapes for you.
Can I use this for real-time collaboration with my team?
Yes — the Multiplayer starter kit lets multiple people draw on the same canvas at the same time, self-hosted on your own server.
Do I need to know how to code to use this?
Yes, this is a developer toolkit built for coding into your own app, so you will need someone who can write some code to set it up.
Which AI apps or models does this work with?
It is not tied to one AI provider — teams have connected it to assistants built on OpenAI, Claude, and Gemini models by wiring the canvas into their own chat or agent app.
Do I need an API key to get started?
No, the basic drawing canvas works without any key; you would only need one if you connect it to an AI model for the agent features.
How hard is it to set up?
It takes a short code snippet added to your app, so it is more of a paste-and-configure job than a one-click install.
Can I use this to build a no-code workflow builder?
Yes — the Workflow starter kit gives you a drag-and-drop node builder you can adapt for automations or visual planning.
Will this work on my phone or tablet?
Yes — the canvas works in any browser and supports touch screens, tablets, and mobile devices, not just desktop computers.