# Doop

> Doop is an open-source, multiplayer AI design canvas and design MCP server. Claude Code, ChatGPT, Codex, Cursor, Gemini, Kimi, Qwen, DeepSeek, OpenCode and any other MCP client connect at https://doop.design/mcp and design real HTML and CSS frames on a live canvas, alongside people and other agents. AGPL-3.0, free to use, self-hostable.

Every page below is Markdown. Each page on doop.design is also available as Markdown by adding `.md` to its URL; the home page is https://doop.design/.md.

## Overview

- [Doop: AI design canvas and design MCP for any agent](https://doop.design/.md): What Doop is, every agent it works with, the full feature list, pricing, and how it compares with Claude Design, Paper, Figma MCP, Pencil and Open Design.

## Docs

- [Docs](https://doop.design/docs.md): Design with agents on Doop — connect your own agent over MCP, or set up the built-in Doop Agent.
- [Get started](https://doop.design/docs/get-started.md): Connect Claude Code, Codex, or any MCP client to Doop and design together on a live multiplayer canvas.
- [The Doop Agent](https://doop.design/docs/doop-agent.md): Set up Doop's resident design agent: connect ChatGPT, Claude, Gemini, OpenAI, DeepSeek, Kimi, OpenRouter or any compatible API, ask from the canvas, from home or in a comment, and let the built-in team design without a client attached.
- [Import](https://doop.design/docs/import.md): Bring real content onto the canvas — import websites and Figma files, connect a GitHub repo, sync live app screens with a snippet, or just copy and paste.
- [Collaborate](https://doop.design/docs/collaborate.md): Share a canvas with view, comment or edit links, invite people, put a team on a workspace, leave comments pinned to elements, link to any element, and get notified when feedback lands.
- [Hand-off and export](https://doop.design/docs/handoff.md): Mark a screen ready for dev so agents implement the approved version, roll back any frame from its version history, and export frames as PNG, JPG, PDF, layered PSD, Canva designs or Figma layers.
- [Prototypes](https://doop.design/docs/prototypes.md): Wire frames into a clickable flow — click, hover, press, key and timed triggers, navigation, overlays and transitions — play it full screen, share it at /proto, and let agents author interactions in plain HTML attributes.
- [Design tokens](https://doop.design/docs/tokens.md): Give a canvas named colours, spacing, radii and type — CSS variables every frame and every agent uses — with a value per theme, bound from the Design panel and exported as CSS, Tailwind or markdown.
- [Fonts](https://doop.design/docs/fonts.md): Upload your brand fonts once and every canvas, agent, screenshot and export uses them — plus a curated roster of hosted web fonts and fonts from your own computer in the desktop app.
- [Integrations](https://doop.design/docs/integrations.md): Delegate a brief to Doop from Slack or Linear and get a canvas back, read PostHog page insights and paint click heatmaps over imported pages, push canvas events to any URL with signed webhooks, and round-trip Figma, Canva and GitHub.
- [Automations](https://doop.design/docs/automations.md): Schedule design work in Doop: pull ads onto a canvas with their numbers, let an agent draft what comes next, and extend it with your own integration.
- [Desktop and iOS apps](https://doop.design/docs/apps.md): Doop on macOS, Windows and Linux — a signed, self-updating desktop app with native menus, one-click agent installs and fonts from your computer — and a native iPhone and iPad app that renders frames without a web view.
- [Self-hosting](https://doop.design/docs/self-hosting.md): Run Doop on your own infrastructure: one Docker container plus Postgres. Docker Compose quick start, production deployment, configuration, sign-in, the Doop Agent, upgrades and backups.

## Product

- [Design MCP for Claude Code](https://doop.design/design-mcp-for-claude-code.md): Doop is the design MCP for Claude Code: a live canvas your agent draws on. One command to connect, open source, free in beta. See how it works.
- [Pricing](https://doop.design/pricing.md): Doop is open source and free with every feature, on Doop Cloud or on your own server. Organizations for teams, Enterprise licenses for self-hosting.

## Legal

- [Privacy Policy](https://doop.design/privacy.md): How Doop handles your data: what we collect, why, who receives it, how long we keep it, and the choices you have.
- [Terms of Service](https://doop.design/terms.md): The terms for using Doop — the multiplayer design canvas for people and AI agents.

## Optional

- [Blog](https://doop.design/blog): Guides and product news.
- [Source code](https://github.com/kgoedecke/doop): The Doop repository on GitHub (AGPL-3.0).