UIアニメーション
HyperOS公式サイトのUIモーション 1
材質の接写からモバイルUIへ入り、同じ角丸と透明な層をアイコン、ウィジェット、複数端末へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Bolt Forge｜製品発表
2回の具体的な依頼で制作範囲を示す。プロンプト全文を先に出し、スクロールできるサイトの結果へ移り、最後に複数作品を空間的なパズルへ展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cyera Research Labs
ロゴ、配色、字形の構造からブランドの応用へ進み、同じ浮遊する球でサイトと訴求をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Universe 2023｜イベントグラフィックの公開
暗闇の細い輪郭から多彩な幾何学の世界を瞬間的に広げ、すべてを中央のロゴへ戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Parallel Index — AIがコンテンツを使うたびに報酬を得る
ノードの組み方でネットワークの変化を語る。開かれた接続、新しい訪問者、単発のアクセスから大量トラフィックへの拡大を経て、最後にインデックスのロゴへまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
イベント予告｜10 万米ドルの Make-a-thon
二つのブランドを中央に配置し、参加者の吹き出しを周囲から登場させる；参加者全体の反応からイベント予告につなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma｜キャンバス上の Agent
同じ製品に対して、提案、スタイルの適用、内容の拡張を続けて行う。各結果を無関係な作品として扱わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
イベント公開｜Config Makeathon
冒頭のパターンと字形でイベントの特徴を示し、中盤の作品で参加によって作れるものを素早く実証し、最後に公開済みであることを伝える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Linear Diffs — Linear 内でコードレビュー
まず変更を選んで差分を確認し、コメントをコード行に紐付け、最後にレビューを送信したことを明確に示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Lovable · Slack から制作を開始
異なる発言者のメッセージを同じスレッドに表示し、アシスタントの応答はリクエストの後に示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
→
冒頭の疑問で情報の隔たりを作り、Web サイトへ切り替えて実際に確かめ、最後に元の投稿へ戻って答える
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Notion Skills — チームの仕事の進め方をエージェントに教える
チーム共有とローカルへのエクスポートを二つの配布経路として、各々をポップアップで説明してから利用の段階で合流させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield — モーションデザイナーのためのCursor
キャンバスとその下のタイムライン、指示エリアを常に同時に表示し、制作上の関係を示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield — ChatGPTアプリでプラグインが利用可能に
まずプラグインとスキルを選び、ツールをまたぐタスクを入力すると、実行手順が順番に現れる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield API｜マルチモデルインターフェース
単一の入口から複数のモデルにつなぎ、さらに複数の製品成果へとつなげる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Wide Research｜幅広い調査
一つの入力を複数のタスクパネルに分け、横方向と奥行き方向へ展開して並列実行を表す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Manus Agents — あなた専用のManusが、いつもの…の中に
アシスタントを元のチャット内に置き、素材を送ると結果のカードが返るようにする
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
Sonnet 5.5 · マクロ映像の編集
弧線、円環、針などの似た幾何学形状でショット間をつなぐ；それぞれ異なる素材なので、同じ物体の軌跡として扱わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Claude — CoworkとClaude Codeでのコンピューター操作
各タスクをスマートフォンの依頼→デスクトップでの実行→スマートフォンでの確認という流れで完結させ、同じ構成を3回繰り返しながら内容を発展させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Gmail × Gemini
各章をメールの文脈→操作→結果の順に進め、件名と宛先の連続性を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Gemini｜ブランドワードマークの公開
旧名称の文字を粒子へ分解し、粒子を一定方向へ流してから新名称に再構成する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grok Build｜プロジェクトの記憶
記録→閲覧→後で読み取りという3状態で、会話をまたぐ記憶を説明する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Emergent｜スマートフォンでアプリを構築
まず成長のデータで背景を示し、構築の入口をコンピューターからスマートフォンへ移す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cursorがコンピューターを操作
左のエージェントと右のシミュレーターを同じ画面に置き、操作結果を操作対象のアプリ内に表示する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cursor Cloud Agents
各機能は黒背景の短い訴求文から白背景の短い操作へつなぎ、規則的なリズムを保つ
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cursor · スマートフォンからコンピューターのエージェントを操作
まず許可してペアリングし、その後で同じメッセージと結果を両端に表示する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity Computer — クラウドとローカルのハイブリッド処理
機密情報を確認してからローカルとクラウドの経路を選び、二つの実行場所の役割を明確にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Apple｜端末間クリップボード
スマートフォンの文字を入力元、コンピューターの文書を転送先とし、文字の選択と貼り付けを中心の変化にする；端末の枠はほぼ固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
今週のアップデート：Notesが画像に対応
まずリスト全体を読める状態で見せ、デスクトップ右側からメモの下へ画像をドラッグする。ファイルをカーソルに追従させ、離した後で画像を展開し、内容に合わせてメモを高くする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Bolt Template Marketplace｜テンプレート市場
選べるテンプレートの幅を先に見せ、閲覧できる完全なサイトを一つ拡大し、最後にプロンプトで別の事業へ作り替える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Creative Cloud｜オレンジの手描きバリエーション
オレンジと黄を軸に、手描き、液体、柔らかなチューブ、平面の花へ素早く切り替える。弧状の輪郭で異なる材質をつなぎ続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
AI Labs｜UI要素
複数の操作可能な画面でカスタマイズ機能を説明し、各例を明確なフィードバックで締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Supabase ExplorerとNotebooks
成長のグラフから製品を紹介し、クエリ、保存、自然言語、ローカルのワークフローを順に示す。短文は常に実演中の機能の隣に置く。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Supabase — Gemini Enterpriseのコネクター
有効化の操作でデータソースを会話へ接続する。メニューを開き、コネクターを有効にしてそのデータソースへの質問を入力し、二つのブランドの組み合わせで締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Supabase Pipelines — ほぼリアルタイムの分析同期
トラフィックの負荷を先に描き、送信先の設定と継続同期で役割分担を説明し、製品の効果に明確な原因と結果を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。