为什么需要
出海做产品,设计协作成本高:Figma 订阅贵、协作延迟大、AI 能力弱。Doop 是 Paper.design(原 Meta Paper)的开源替代,multiplayer 画布 + AI agent 接入,人和 agent 实时一起改设计稿,Claude Code / Codex 都可以挂上来直接动画布。
核心区别于 Figma:Doop 把 AI agent 当一等公民,agent 看到的是结构化设计元素(不是像素),改一个色值、调一个间距、补一个组件都有迹可循;Figma 还在靠插件桥接 AI,延迟和精度都不行。
怎么用
云端版本:
text
1. 打开 https://doop.design
2. 注册账号(免费层可用)
3. 创建 board,邀请协作者
4. 在 Settings 接 Claude Code / Codex / Cursor 作为 agent
5. 在画布里 @agent 让它改稿
自己部署:
bash
git clone https://github.com/kgoedecke/doop
cd doop
pnpm install
pnpm dev
接入 Claude Code:
json
{
"mcpServers": {
"doop": {
"command": "doop-mcp",
"args": ["--board", "your-board-id"]
}
}
}
使用案例
一个出海 SaaS 创业团队用 Doop 做产品设计:
- 创始人 + 设计师 + Claude Code 同时在一个 board 上,口述需求 → agent 出 3 个版本 → 设计师微调
- 海外客户 review 阶段,客户直接在 board 上留 comment,agent 自动按 comment 改稿
- 一个 SaaS landing page 设计:周一 brainstorm → 周三 AI 出初版 → 周五定稿上线
注意事项
- AGPL-3.0 开源,商用需要保留版权
- 免费层够个人和小团队,大团队看定价
- AI agent 需要 Claude Code / Codex / Cursor 订阅(独立成本)
- 当前更偏向 web/移动端 UI,品牌设计/平面设计不是主战场