AIデザインツール「MagicOS」の30秒紹介動画

MagicOSは、プロダクトチーム向けのAIデザインツールMagic Patternsが出した、1つのキャンバスで考えるための仕組みです。PRDや参考画像、デザインシステム、案、捨てた案、決定を同じキャンバスに置き、エージェントと複数の方向を並行して試せます。選んだ案はMCPでコーディングエージェントへ渡せます。

0〜2秒　アイコンとMagicOSの名前、「One canvas for ideas, designs and decisions」が出て、四隅に案のフレームが漂います。

2〜4.5秒　決済画面を作り直すデザイナーが、要件のフレームと参考画像をキャンバスに貼ります。

4.5〜7.8秒　「The best idea is buried.」の文字とともにチャットが流れ続け、印をつけた案が上へ消えていきます。

7.8〜11秒　鍵のかかったエージェントのキャンバスで、エージェントのカーソルが案を並べ替え、デザイナーは外から見ているだけです。

11〜13秒　最後の1枚の周りに、なぜこの案なのかを問う吹き出しが集まります。

13〜15秒　MagicOSの名前と「The canvas is yours.」が出て、枝の線が伸び周りのフレームが寄ってきます。

15〜20秒　要件から各案へ枝が伸び、選んだ理由が付箋に残ります。選ばなかった案も薄くなるだけで後のために残ります。

20〜25秒　デザイナーのキャンバスで3つの方向を頼むと、エージェントが3本の作業を同時に進めます。選んだ案をコーディングエージェントへ渡し、送信が済みます。

25〜27.5秒　プランの一覧とSOC 2、ISO 27001を示します。

27.5〜30秒　Magic Patternsのワードマークとmagicpatterns.com/magicosで締めます。

舞台を緑灰の地に点の方眼を敷いた無限のキャンバスにし、サイトのMagicOSページと同じく白いフレームの上に小さなラベルを付けました。色はロゴの青緑、緑、藤、空色から取っています。サイトのトップにある虹色の帯は使わず、利用企業のロゴやコーディングエージェントの製品名も出していません。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。