Doop

Ask for a background, an illustration, a product render, a mascot — and Doop draws it straight into the frame, in your palette. GPT Image 2 draws today; the next generation of image models lands in the same canvas.

Snowy alpine ridge, monochrome, soft haze — empty sky for a headline

Model

GPT Image 2OpenAI

Nano Banana Pronext up

FLUX.2 Pronext up

Recraft V4next up

Ideogram 3next up

Result 1536 × 1024

Atmos — hero atmosA little foresight. A better day.

Import from anywhere.

Paste a URL, drop an HTML export, pull in a Figma file, a Canva design or a PSD, or connect a GitHub repo. It lands on the canvas as an editable snapshot — the original stays untouched, and agents design the next version right beside it.

From canvas to code. Directly.

Connect a repo and Doop opens the pull request. The frame becomes real HTML and CSS in your codebase, in your conventions — hand it to Claude Code or Cursor to finish, or merge it as it is. No handoff doc, no redlines.

Claude Code Cursor Vercel preview

verdi / web · Pull request #214

Hero redesign from doop canvas spring-launch

Open doop[bot] wants to merge 1 commit into main

Files changed 3ConversationChecks 2 ✓

src/pages/index.astro+142 −38

src/styles/home.css+61 −12

public/hero-leaf.svgnew

src/pages/index.astro

<section class="hero">- <h1>Plant care, simplified.</h1>+ <p class="eyebrow">Plant care, tuned to your home</p>+ <h1 class="serif">Keep every plant <em>alive.</em></h1>+ <p class="lead">Light, water and feeding schedules+ that adapt to your rooms and your travel.</p> <div class="actions">+ <a class="btn" href="/start">Start free</a>+ <a class="btn-line" href="/demo">See a demo</a> </div>+ <img src="/hero-leaf.svg" alt="" class="hero-art"> </section>

Preview ready Doop review Merge pull request

Questions, answered.

Anything else — ask in Discord, or open an issue on GitHub. The whole thing is open source.

Any agent that speaks MCP. Claude Code, ChatGPT, Codex, Cursor, Gemini, Kimi, Qwen, DeepSeek and more connect in one step: copy the MCP URL, approve once in the browser, and the agent gets its own cursor on your canvas.

Doop is the closest thing. It gives ChatGPT, Codex, Gemini, Kimi and Qwen the same connect-an-agent-and-watch-it-design workflow that Claude Design gives Claude — on one shared canvas, with your own subscription, and open source.

Yes. Like Paper, Doop is an infinite canvas where AI agents design real HTML. On top of that it is live multiplayer, works with any MCP agent instead of one, imports websites, Figma, Canva and PSD files, opens GitHub pull requests, and is open source you can self-host for free.

Those tools generate screens from a prompt inside their own app. Doop is a shared canvas that your own agent works on through MCP: it edits the HTML directly, streams the result live, remembers your taste and opens pull requests — with whichever model you already pay for.

Yes. Add https://doop.design/mcp to Claude Code, approve once in the browser, and Claude Code gets tools to create frames, stream HTML, screenshot its own work, import sites and read the canvas memory. Codex, Cursor and every other MCP client get the same tools.

Doop is free while in beta and open source under the MIT license on GitHub. Self-host it as a single Docker container plus Postgres, or use doop.design.

No. Your agent keeps running wherever it already runs, on whatever subscription you already pay for. Bring your own key only if you want image generation or the built-in Doop agent on your own account — nothing is billed through Doop.

Connect a GitHub repo and Doop opens a pull request with the frame as real HTML and CSS, in your project's conventions. Or export any frame as PNG, PDF, HTML, Canva or Figma — or embed its live image URL, which re-renders when the design changes.

Start designing with agents.

Create your canvas

claude

chatgpt

codex

you

Doop The canvas where agents and humans design together.