デザインチームにAIエージェントが加わってキャンバス上で共同作業を行うオープンソースのPaper.design代替・「Doop」

Ads

Doop

デザインチームにAIエージェントが加わってキャンバス上で共同作業を行うオープンソースのPaper.design代替・「Doop」

DoopはデザインチームにAIエージェントが加わってキャンバス上で共同作業を行うオープンソースのPaper.design代替です。ブラウザ上で動作するアプリとして提供されています。

MCPビルトイン仕様でClaudeやCodexといったAIエージェントをデザイナーの一員として迎え入れる事が出来るオンラインキャンバスツール、といったものになります。また、予めDoop Agentという専用エージェントも内臓されており、OpenAIのAPIキーで利用する事も可能、更にAIエージェントは複数参加可能なのでデザイン用、レビュー用などで使い分けたりも出来ます。

キャンバスと呼ばれるワークスペースにフレーム(アートボードのようなもの)を必要分配置し、例えば「TOPページ」、「ログインページ」、「ユーザーページ」などを作成していき、デザインを構築していく流れとなります。

Ads

各フレーム内にAIが指示された通りにデザインを描画する、というものではなく、実際のHTMLをサンドボックス化したframeの中でレンダリングされるようになっているため、AIが作成(マークアップ)したデザインをそのまま動作確認出来るようになっています。

大まかな流れは、プロンプトでAIに指示 → AIがキャンバスを編集 → 人間が確認し、必要に応じて再指示 → AIが修正 → また確認、というフローでデザインを構築する形なので、丸投げではなくデザインスタッフの一員としてAIエージェントが参加する、という事だそうです。尚、Design memoryという記録機能も備わっており、過去に決定したデザインを模範とし、使い続ける事で、より最適な提案が可能にもなるみたいです。

また、チーム向けなのでコラボレーション機能も備わっており、他ユーザーの動かすカーソルの確認、コメント、作業履歴、アクティビティなどもモニター内で共有されます。

かなり良く作られている印象でした。Paper.designを使っている、或いは検討していたデザインチームの方はご覧になってみては如何でしょう。

DoopGithub