PlugWiki
Doop logo

Doop MCP Server: Design on a Shared Canvas from Claude, Cursor and Codex

OfficialRemote

Lets Claude, Cursor, Codex and other assistants design screens on a live shared canvas that you and your team watch in the browser.

Doop is an open-source design canvas, and this is its own MCP server. Your assistant creates frames of real HTML, streams designs in live, takes screenshots to check its work, and reads and answers comments. You sign in with your Doop account the first time, on the hosted doop.design or on a copy you run yourself. Know before you use it that it can replace and delete frames, and that its tool descriptions tell the assistant which tools to call first.

Good for

  • Designers who want an AI agent sketching beside them on a shared canvas
  • Developers using Claude Code or Cursor to produce UI drafts and clickable prototypes
  • Teams who want to review agent designs live and leave comments the agent answers
  • People who prefer to self-host their design tool

Works in

14 should work

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

Install Doop MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the Doop MCP server to Claude Code. Run this command:
    
    claude mcp add --transport http doop https://doop.design/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.

Requires Sign-in with the vendor account (OAuth).

Read-only mode: No read-only mode is documented.

The hosted address is https://doop.design/mcp and signs you in with your Doop account the first time. Self-hosted entries use the README's local development address, http://localhost:4300/mcp, and need Doop running on your machine. Headless clients such as n8n can send an agent key from Settings, under Agent keys, as an Authorization bearer header. ChatGPT and the Claude web connector need a public HTTPS address, so localhost does not work there.

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

Tools

  • Reads the Doop agent playbook

    Returns the agent guide with the streaming workflow, frame sizing, design rules and etiquette on a shared canvas. Its description tells the assistant to load it once before using the other tools.

    Try: “Load the Doop guide before you start.”

    Read · get_guide

  • Shows which Doop account you are signed in as

    Returns the account id and display name behind the connection, so the assistant knows whose canvases it is touching.

    Try: “Which Doop account am I connected as?”

    Read · get_profile

  • Posts a live one-line status on the canvas

    Broadcasts what the assistant is working on so everyone viewing the canvas sees it next to its name. Clearing it with an empty string removes it.

    Try: “Show "Sketching the pricing page" while you work.”

    Write · set_status

  • Lists the canvases you can open

    Lists your canvases, including those in shared workspaces.

    Try: “List my Doop canvases.”

    Read · list_canvases

  • Creates a new canvas

    Creates a design canvas and returns its id for the shareable link. It can be created inside a shared workspace.

    Try: “Create a canvas for the travel app redesign.”

    Write · create_canvas

  • Shows a canvas layout

    Returns every frame's position, size and metadata, plus pinned references and pages.

    Try: “What frames are on canvas abc123?”

    Read · get_canvas

  • Creates, renames, reorders or deletes pages

    Sends the full ordered page list to change a canvas's pages. A page that still holds frames cannot be deleted. It is marked destructive.

    Try: “Add a page called Onboarding after Home.”

    Delete · set_canvas_pages

  • Adds a new frame with HTML

    Adds a frame (an artboard that renders real HTML) to the canvas, placed automatically if you give no position.

    Try: “Create a 390 by 844 frame for the mobile itinerary.”

    Write · create_frame

  • Reads a frame including its HTML

    Returns a frame with its full HTML content.

    Try: “Show me the HTML of the booking card frame.”

    Read · get_frame

  • Streams a design into a frame in sections

    Adds HTML a section at a time so people watching see the design build up live. The first chunk replaces the frame's content. It is marked destructive.

    Try: “Build the pricing section in frame 3, one section at a time.”

    Write · append_frame_html

  • Replaces a frame's design in one go

    Swaps a frame's whole HTML at once, shown live to everyone on the canvas.

    Try: “Replace the hero frame with this version.”

    Write · set_frame_html

  • Finds and replaces exact text in a frame

    Makes a targeted find-and-replace edit in a frame's HTML, which morphs into the render in place.

    Try: “Change the button label from Sign up to Get started.”

    Write · edit_frame_html

Read from the source code

Permissions

high risk · 5 things to watch

High risk

The assistant can replace, restore and delete frames and style guides on canvases you can edit, and it fetches images and web pages from the internet. Use it on canvases you can afford to change, and check the version history if a design is overwritten.

What it can do

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

Watch out for

  • It can delete frames and overwrite designs

    Tools delete frames and pages and replace a frame's HTML. Frame versions are kept, so check the history and use restore before assuming work is gone. github.com

  • It acts as you on every canvas you can edit

    The assistant works under your account and has your access to canvases and workspaces. Connect it only to an assistant you trust with them. github.com

  • Tool descriptions steer the assistant

    The guide tool is described as something to load once before using the others, and the inspiration search is called the required first step when writing a brief. Expect the assistant to call them first. github.com

  • Uploads can need a local command

    For a local file, the upload tool returns a curl command the assistant runs in your shell. Review it before it runs. github.com

  • Linear tickets are treated as outside text

    The Linear tools are read-only, and ticket text is described as source material, not instructions that override you. github.com

Security advisories

No published security advisories as of Nov 1, 2026.

Technical details
Turning on read-onlyNo read-only mode is documented. About half of the tools only read, but frame, guideline and canvas tools change data.
Talks todoop.design (or your own Doop server). Pexels, Iconify, Brandfetch and public web pages, via the Doop server
Sign-in and keysOAuth sign-in in the browser; your AI app stores the token. Headless clients can use an agent key from Settings, sent as a bearer header.
Scopes
  • openid profile email offline_access

Questions

Is Doop official?

Yes. The MCP server is built into Doop's own repo (kgoedecke/doop) and also runs on the hosted doop.design. It is licensed AGPL-3.0.

What is the Doop MCP server URL?

https://doop.design/mcp for the hosted version, from the repo's plugin config. If you run Doop yourself, the README uses http://localhost:4300/mcp in local development.

Does it need an API key?

No for most apps. You sign in with your Doop account in the browser through OAuth. Headless tools such as n8n or CI use an agent key from Settings sent as a bearer header.

Which apps does it work with?

The README names Claude Code, Claude, Codex, ChatGPT, Cursor and OpenCode, and any other MCP client over OAuth or an agent key. ChatGPT and the Claude web connector need a public HTTPS address, not localhost.

Can I self-host it?

Yes. Clone the repo and run bun run dev, or use docker compose up for the production build. The MCP endpoint then sits on your own server.

Can it run read-only?

No. No read-only mode is documented. Many tools only read, but others create, replace and delete frames.

Can it delete my designs?

It can delete frames and pages and replace a frame's design. Earlier frame versions are kept and can be brought back with the restore tool, but deleted frames may not come back.

Do I need a built-in Doop Agent or my own model?

No. The assistant you connect does the designing. The built-in Doop Agent is a separate option that runs on a model account you connect in Settings.

Does the tool list match a release?

Yes. The 40 tools match the v0.12.0 release: 38 are registered in server/mcp.ts and 2 Linear tools come from the Linear extension. The mcp.ts file is identical on main.

Do the Linear tools work out of the box?

No. list_linear_issues and get_linear_issue need Linear connected to your Doop account on the Integrations page first. Both are read-only.

Information

updated Nov 2, 2026

Publisher
Official
Transport
Streamable HTTP
Auth
OAuth
License
AGPL-3.0
Last commit
Oct 31, 2026
Open issues
25

WebsiteGitHubChangelogIssues

Sources

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

Show all 6
  1. github.com · github.com
  2. github.com · github.com
  3. github.com · github.com
  4. github.com · github.com
  5. github.com · github.com
  6. github.com · github.com

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