多人协作 AI 设计画布

一块画布,所有人,所有 Agent。

M2 是一块实时协作画布,你的团队和多个 AI Agent 在上面一起设计真实 UI。

看实时画布

为和 Agent 一起工作的团队而设计。 实时一起编辑,一句话开始设计,始终遵循你的设计系统,还能接入你常用的任何 Agent。

M2 画布上一款艺术品 App 的页面稿,Kyla、Claude Code 和 Codex 各自在改其中一部分。
多人协作

人和 Agent,同一块画布。

整个团队和每个接入的 Agent 都在同一块画布上实时工作。不用交接,不用导出,也不用排队等人。

M2 Agent 面板旁边,是它正在画布上设计的展览页,用的是设计系统的 token。
内置 Agent

每块画布都自带一个 Agent。

M2 自带 AI 设计 Agent。它已经了解你的设计系统,第一句话就能做出符合品牌的页面 —— 不用安装,也不用 API Key。

设计系统组件库里的颜色和圆角 token,旁边是一个填充色绑定到 token 的 Button 组件。
设计系统

你的设计系统,由系统来守住。

Agent 放上画布的是真实的设计系统实例 —— token、组件、变体。页面保持一致,靠的是系统约束,而不是有人记得去检查。

示意图:Claude Code、Codex、Cursor 和 OpenCode 通过 mcp.patch.design 接入 M2。
自带 Agent

任何 Agent,都能通过 MCP 接入。

Claude Code、Codex、Cursor 或任何支持 MCP 的 Agent 都能加入你的画布,和团队一起做设计。

通过 MCP 接入

随手就能改。 生成的结果都是真实的图层。自己动手改,或让 Agent 只改一处,不用把整页重新生成。

画布上选中的一个按钮,带缩放手柄,圆角正从 14 改成 10。
01

直接编辑

分边描边、滤镜链、绑定 token 的阴影、Block / Flex / Free 布局 —— 设计工具该有的手感,直接用在真实组件上。

一张作品卡片的底部被框出,Claude Code 只重做这一部分。
02

让 Agent 改

「只重做这张卡片的底部。」Agent 按子节点 id 只改那一块,画布上其他内容保持原样。

一条修改时间线:本人、Claude Code 和队友各改了一处,零次重新生成。
03

不用重抽

一次修改就是一次修改,不是重新抽卡。修一个按钮只要十秒,而不是重新生成三遍。

设计从哪里开始,就在哪里完成。

申请内测,邀请准备好后我们会发邮件给你。