Multiplayer AI design canvas

One canvas. Everyone. Every agent.

M2 is a real-time collaborative canvas where your team and multiple AI agents design real UI — together.

See live canvas

Designed for teams that work with agents. Edit together in real time, start from a prompt, stay on your design system, and bring any agent you already use.

One screen of an art app on an M2 canvas, with Kyla, Claude Code and Codex each working on a different part of it.
Multiplayer

People and agents, one canvas.

Your whole team and every connected agent work live on one canvas. No handoffs, no exports, no taking turns.

The M2 Agent panel next to the exhibition page it is designing on the canvas, built on the design system’s tokens.
Built-in agent

Every canvas comes with an agent.

M2 ships with its own AI design agent. It already knows your design system and builds on-brand screens from the first prompt — no install, no API keys.

A design system library with color and radius tokens next to a Button component whose fill is bound to a token.
Design system

Your design system, enforced.

Agents place real design-system instances — tokens, components, variants. Screens stay consistent because the system enforces it, not because someone remembered to check.

A diagram of Claude Code, Codex, Cursor and OpenCode connected to M2 through mcp.patch.design.
Bring your own agent

Connect any agent over MCP.

Claude Code, Codex, Cursor or any MCP-compatible agent joins your canvas and builds alongside your team.

Connect over MCP

Powerfully editable. Every result is real layers. Fix it by hand or ask an agent to change one part, and never reroll the whole screen.

A selected button on the canvas with resize handles and its corner radius being changed from 14 to 10.
01

Direct edit

Per-side strokes, filter chains, token-bound shadows, Block, Flex and Free layout — a design tool’s hands, on live components.

An artwork card whose footer is outlined while Claude Code redoes only that part.
02

Agent edit

“Redo just this card’s footer.” The agent works inside that subtree by child id, and the rest of the canvas stays as you left it.

An edit timeline: three separate edits by a person, Claude Code and a teammate, and zero regenerations.
03

No rerolls

An edit is an edit, not a new roll. Ten seconds to fix a button, instead of three regenerations.

Where the design starts is also where it finishes.

Join the private beta. We’ll email you when your invite is ready.

TEST · claude/dreamy-saha-be6102@e14c5df66