Today we’re launching the tldraw MCP App in Cursor, giving your agents the ability to draw, diagram, and visually collaborate with you.

MCP Apps are a new extension of MCP servers that can return interactive UIs instead of just text. In our case, the MCP server returns a full interactive tldraw canvas. Using the MCP App, your agent can work with you through drawings and diagrams without ever leaving your chat context.

To get started, first install the tldraw MCP App in Cursor. Once the MCP App is installed, start a new chat and test it out with a prompt: we’re fans of “draw a cat in tldraw”, “draw me a state machine”, or “diagram my current file”.

Simple, flexible tools

Architecturally, tldraw’s MCP App is very lightweight.

The app gives your agents access to three main tools: one to create shapes, one to edit shapes, and one to delete shapes. While editing, your agent can interact with the canvas in the same way that you could as a user. We pass the current state of the canvas back into the chat context so your agent will understand changes as they happen.

To make things a bit more concrete:

Ask Cursor to plan a new user system and map out the login flow.

Update the diagram to include social sign-on through Google and GitHub, then ask Cursor to revise its plan.

Or maybe you want to sketch out an idea and then have Cursor bring it to life.

Supported agents

We’ll be rolling out support for other MCP-enabled applications out over the next few days, with releases planned for Visual Studio Code, ChatGPT, and Claude. If you work on an application that will support MCP apps, please let us know and we’ll share more information.

Questions or suggestions? Connect with the team on our Discord or follow us on X. Like all tldraw projects, we built our MCP app using the tldraw SDK. If you’d like to learn more or build something with it yourself, check out our docs or starter kits.