Multiplayer AI design canvas
One canvas . Everyone. Every agent.
M2 is a real-time collaborative canvas where your team
and multiple AI agents build production UI — together.
From canvas to production
What you see is what you ship.
The components are real code, agents build them through a JSON schema, and edits land on exactly one node — there's no demo-to-production gap.
Real React, not a mockup.
Every component is real, production React on your design tokens. Inspect it, export it, ship it. No rebuilding in code later.
Agent work you can ship.
Every node on the canvas is structured JSON over your registered components. Agents draw real, usable UI through the schema, and any node copies back out as JSON.
Change one thing, not everything.
Tell the agent what to change. It patches the node JSON in place, and only that element re-renders. The rest of the canvas never flickers.
Multiplayer by default — people and agents, one canvas.
Your whole team and every connected agent work live on one canvas. No handoffs, no exports, no taking turns.
See real-time multiplayer AI designEvery M2 canvas comes with a built-in agent.
M2 ships with its own AI design agent — it already knows your design system and builds real, on-brand screens from the first prompt. No install, no API keys, nothing to wire up.
How M2's agent builds production UIYour design system, enforced — for humans and agents.
Agents place real design-system instances — tokens, components, variants. Every screen stays consistent because the system enforces it, not because someone remembered to check.
How M2 enforces your design system
Bring your own agent. Connect over MCP.
Connect Claude Code, Cursor, Codex, Gemini, or any MCP-compatible agent.
They join your canvas and start building alongside your team, instantly.