Doop教程:开源多人AI协作设计画布

📌 项目日期:2026年9月 | 数据来源:GitHub官方仓库 | 星数:600+

📋 项目简介

Doop 是一个 0.6k 星的开源设计画布,对标 Paper.design。最大的差异化在于人机混编协作:设计师和 AI Agent 在同一个画布上实时协作——人类负责审美决策,Agent 负责生成变体、调整布局、批量改样式,所有操作实时同步。

设计类工具还可看 非设计师AI设计工具合集

🔧 核心功能

功能说明
无限画布自由排布设计元素与画板
多人实时光标可见、操作同步
AI Agent席位Agent作为"协作者"加入画布
变体生成一键生成多个设计变体
自托管数据完全自主可控

📦 自部署

git clone https://github.com/kgoedecke/doop.git
cd doop
npm install
npm run dev
# 访问 http://localhost:3000

# 接入AI Agent(配置LLM Key)
export OPENAI_API_KEY=sk-...
npm run agent

# 画布中 @agent 即可指挥:
> @agent 把这个卡片组件生成5个配色变体
> @agent 将所有标题统一为Inter Bold 24px

📦 使用建议

📚 常见问题

Doop是什么?

Doop 是一个 0.6k 星的开源设计画布,对标 Paper.design。最大的差异化在于人机混编协作:设计师和 AI Agent 在同一个画布上实时协作——人类负责审美决策,Agent 负责生成变体、调整布局、批量改样式,所有操作实时同步。