UIアニメーション
watsonx｜プラットフォーム発表
同じ細い糸の材質を近景と全体で切り替え、異なる形に合わせて製品の接尾語と機能語をグループごとに展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
リサーチ画面に開く穴
複数のグレーパープルとグリーンの面で大きな楕円を作り、中央の黒い点の近くにタスクカードを置く。全体を徐々に縮小して外側に白い丸穴を出し、黒い点は画面中央に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Qwen3.8-Max：質感の変わるロゴとモデル告知
同じ三つ葉のロゴを保ち、内部の材質を切り替えてから青背景で拡大・移動し、製品名とパラメーターのための空間を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Pond｜システム発表
庭と蜂の群れで計算システムを表し、大文字で訴求を示しながら周囲で色付きの小さなプロセスブロックを動かし続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cyera Research Labs
ロゴ、配色、字形の構造からブランドの応用へ進み、同じ浮遊する球でサイトと訴求をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ノーコードの新時代
球体を視覚的な案内役にし、層状のページ、フォーム、フローの空間を進む。UIは単なるスクリーンショットではなく、前後の距離を持つ組み合わせ可能な平面として扱う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Twilio｜顧客エンゲージメント基盤のモーショングラフィックス紹介
ブランドの点を人物や日常の場面へ入れ、共通の線、赤い物体、位置の受け渡しで複数の顧客の物語をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜折りたたまれるスローガン
一文を厚みのある連結した文字ブロックにする。正面は読むため、側面は虹色の材質を見せるために使い、同じ正面の姿勢へ戻ってループする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q2 の振り返り
機能ウィンドウを前景、巨大な文字のテクスチャを背景に配置し、両者の階層を混同しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Evergreen｜ビジュアルシステムの概要
固定した複数マスのグリッドに異なる短いループを入れ、右の細い列だけで訴求文を切り替え、豊富な素材にも読む順序を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Identity Digital｜ブランドのメインビジュアル
ドメイン名のピリオドを転換の主役にする。長いURLを分解し、ピリオドを幾何学的な場面へ拡大して、最後に短い業種別の拡張子へつなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Creative Cloud｜ロゴのメイン映像
同じロゴの輪郭をデザイン画面、落書き、画像、ミニチュア風景など複数の創作媒体に通す。材質を替えるたびに中央の形を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 15秒版
15秒の中に挨拶、立場、音楽、クリエイター、リスナーの5つの強調点を残し、一度に一組の単語だけを読ませる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3｜オープンウェイトの予告
手書きの筆画を離散的な点へ変え、複数のネットワークを構成して知識の図集へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Wonderful｜資金調達発表のモーション
調達金額を視覚的な出来事として見せ、投資家と世界的な展開で成長を説明してから製品の位置付けへ戻る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
3Dアニメーション
Comet｜一列に並ぶ惑星
球体を同じ水平軸に沿ってスライドさせ、ビューポートで両端を切り、アクティブな球体を少し拡大して文字を出す
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Deezer｜音波のハートロゴ
独立した音波を個別に動かしてから、一つの安定したハート形のマークへ組み上げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3.1｜コピーなしのティーザー
複数のテーマをコードの帯とずれたスライスでつなぎ、物理世界とコンピューティングの関係を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ノーコードの時代へようこそ
暗い場所から明るい場所への移動を通じて、密なUIとコードの領域を、開放的で探索できる創作の世界へ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
There are many futures｜ブランドムービー
一人の書く行為から世界の変化を始め、一つの理想から多様な人々のさまざまな未来へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
情報のコラージュがインクの文字に
前半は大小の文字、帯、幾何図形で画面を満たし、全体を縮小してから断片を中央の単語の基準線へ集める。要素の退出と新しい文字の出現はタイミングをずらす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ガラスのプリズム上のFramer
タイトルを画面の中心軸に固定し、単語ごとに表示する。細長いガラスの帯を左から右へ伸ばし、最も明るい光点が少し遅れてタイトルを横切る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜ワードマークの公開
拡大した虹色の表面からCを取り出し、空間の形を一文字へ縮め、同じ基準線に沿ってブランド名全体を展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q1 データポスター
幅の異なる巨大な文字と色面を隙間なく組み合わせ、端を切り取って密度を生む；下部の情報バーは固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
エコシステムの拡大｜MCP に新たに 5 社のパートナー
まず行き来できることを伝え、次に横並びのアイコンを順に見せてエコシステムの範囲を裏付け、最後に中心となるツールへ焦点を合わせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Google Drive を Figma agent に接続
外部のフィードバックを読み取ってデザインを修正し、変更理由を記録した文書を出力する；読み書きの循環を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma × Codex · デザインから実装への引き継ぎ
まず注釈付きのデザインフレームを選び、選択したコンテキストを実装エージェントへ渡す；実装結果を選択した画面に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Lovable｜Google コネクター
複数のツールアイコンを先に集約し、その後一つずつプロンプト欄のコネクターラベルに変える
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Lovable — Lovable のスキル。
タイトルは基本的に固定し、周囲で大きさの異なる柔らかい図形を回転・浮遊させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Notion — Dock の中核
デスクトップ背景と周囲のアプリを素早く差し替えても、中心のアイコンは常に識別できるようにする；最後は他の要素が退場し、ブランドだけを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield · 10億ドルのマイルストーン
まず大きな数字で注意を引き、次に時間、曲線、メディアのスクリーンショットで階層的に説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield — ChatGPTアプリでプラグインが利用可能に
まずプラグインとスキルを選び、ツールをまたぐタスクを入力すると、実行手順が順番に現れる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield API｜マルチモデルインターフェース
単一の入口から複数のモデルにつなぎ、さらに複数の製品成果へとつなげる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
舞台裏を公開｜The making of Claude Code
ウィンドウを順に重ね、中央のタイトルを最後に最前面へ載せる；周辺の内容は縁が見える状態を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Search On 2020｜制作スタジオのモーション集 · 34.6秒
点、カプセル、線を共通の基本要素とし、抽象的なカテゴリから検索結果へ変化させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Gemini｜ブランドワードマークの公開
旧名称の文字を粒子へ分解し、粒子を一定方向へ流してから新名称に再構成する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Gemini｜写真が集まり数字の4に
写真のブロックで数字を作り、全体を縦横別々に拡大縮小して比率を変え、内部のブロックも親要素の変形に追従させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
同一プロジェクトの5秒プレビュー · 5.0秒
点群を人物、場所、物の順に組み直し、カテゴリに合わせて色を変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Salsa｜音楽をテーマにしたDoodle
円形のレコード、ラッパの開口部、花びらで演奏とダンスのステップをつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok Bot｜キャラクターを積み重ねる
キャラクターを一体ずつ前のキャラクターの上に落とし、接触後に全体を少し揺らす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok Bot × Linear
二つのブランドを揃えて固定し、背景を流し続けながら文字の邪魔をしないようにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Grok — 21種類の新しい音声
タイトルの位置とサイズを固定し、主な動きは背景の連続した流れで作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grok Bot｜ショッピング機能の短編映像
キャラクターの視線をカードへ向け、カードを垂直軸の周りで連続して回転させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok｜財務分析
二つのブランドは静止させ、流体と光の変化だけで主な動きを作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok × Coinbase
ロゴを動かさず固定し、背景の明るい部分をゆっくり通過させて提携を強調する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ElevenLabs — 評価額110億ドルで5億ドルを調達
数値と裏付けで背景を作ってから実際の製品へ進み、3つの事業領域にそれぞれ固有のビジュアルシステムを使う
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity AI / Snowflake連携 — Computerで…が可能に
既存のデータカードから問いを導き、データソースへの接続後にクエリとレポートの証拠を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity — NVIDIA DGX Spark上のPortable Computer
ローカルツールを端末の周囲に輪状に配置し、クラウドモデルを別の層に置く；接続線は必要に応じたクラウド利用を表し、データの既定の外部送信を意味しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
FramerがCursorと連携
キーボードの近景から暗い入力欄へ移り、入力完了後にCMSの表へ切り替える。行の一覧に沿って青い枠を出し、一つの依頼が複数のデータに作用することを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
3Dアニメーション
MCPでFramerへ移行
手前のウィンドウを右上、奥のウィンドウを左下に固定する。両者の透視方向を揃え、奥のウィンドウを畳むときは一度点へ縮め、斜めの軸に沿って再展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
サイバーセキュリティデータ
見出しを左揃えにし、Cybersecurity Dataをオレンジで表示する。下の点群を一部から点灯させ、画面全体をオレンジに変えて大きな白い数値を急増させた後、vulnerabilitiesを出す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ベクターグラフィック｜公開前ティーザー
ポスター全体から惑星へ、さらに黄色い輪郭の1本の曲線へ寄る。倍率を上げ続けても縁は滑らかに保ち、同じ細部を拡大の中心にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
HermesがOmarchyと連携
中央の小さな穴から透視線を四方のグリッドへ広げ、しばらく前進してから両側へ絞り、二つのロゴの対称な位置を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新製品、新しいビジュアル
紋章、短文、リンクを中央に保ち、四隅に少量のナビゲーションを置く。青いカーソルを余白に弧を描いて通し、中央の文字へ戻して動きの焦点を一つにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
状態を示す言葉とHyperFrames
状態を示す単語を暗めの等幅文字で素早く切り替え、暗い二つの三角へ変える。ロゴを下から上へ緑で満たし、白いブランドのワードマークを展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
機能更新｜450以上の連携
オレンジのカプセルでconnect、withなどの単語をつなぎ、クリックできるプラス記号へつなげる。クリック後に複数の弧に沿ってアイコンを流入させ、数字を450まで増やす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
石膏の立方体を分解してHを出す
立方体を回転させて引き、縁に白い細い亀裂が現れたら各面を外へ散らす。Hは元の中心に残し、面が画面外へ出るまで徐々に距離を広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
ガラス。
ガラスは固定し、手と容器を背後から通す。細かな格子で輪郭をずれた小片に分ける。全景で枠を示し、近景で模様と歪みの関係を明確に見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
生産手段を自分のものに。私たちと変革を。
極端に寄ったロゴと赤い文字を素早く小さな組み合わせへ引き、黒い画面に広い余白を残して短いブランドの登場を完成させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 60秒版
コピーを主役にし、意味上の強調に合わせて短い単語を拡大し、押し込み、つなげる。菱形で文字の段落を次の配色へ押し進める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
タイポグラフィアニメーション · 3.5秒
文字のサイズと揃え方で全体のモーションを作る。字形の一部から完全な短文へ引き、最後に移動できる動作語の列へ分ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
UIボタンの配列 · 10.7秒
切り欠きのある3つのエフェクトボタンを組み合わせ可能なモジュールのように分解して戻す。下の項目から順に動かし、縦の密な関係を維持する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
アイコンアニメーション · 10.3秒
同じ中心の周囲で記号を連続変形させ、切り欠き、穴、分割で意味を変える。異なるアイコンを順番にフェードインさせるのではない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
数字アニメーション · 6.1秒
3つの大きな数字でカウントダウンし、次に広げて3×3の数字セットを見せ、同じ系列の折れ線と角丸を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Creative Cloud｜緑の立体バリエーション
2秒未満の同じ位置での材質の高速切り替えにより、緑の有機形、風景、虹色のパイプを同じロゴの系列へつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Creative Cloud｜マゼンタのスライスバリエーション
短い高速カットでロゴを立体のスライスから平面の編集画面、銀白の材質へ変え、マゼンタを各版をつなぐ視覚的な手掛かりにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Creative Cloud｜カラーグラフィックのバリエーション
同じロゴで細線、金属、花、画像コラージュなどの創作スタイルを切り替え、共通の位置と余白で一つのシリーズにまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Creative Cloud｜オレンジの手描きバリエーション
オレンジと黄を軸に、手描き、液体、柔らかなチューブ、平面の花へ素早く切り替える。弧状の輪郭で異なる材質をつなぎ続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Universe 2023｜幾何学のループ
球一つ、円板一つ、四角い板一つでコンパクトな回転構図を作る。四角い板を中央の周囲に動かし、重なりで平面にも立体感を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
幾何学パターンのループ · 10.0秒
画面全体を満たす4組の幾何パターンを順に変化させる。角張った硬いリズムから柔らかな波へ、さらに大小の円へ移る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Exa — CodexとChatGPTから1,000億以上のウェブサイトへアクセス
外部資料が必要な具体的な問いを先に出し、検索呼び出しと構造化された回答を示す。連携機能のまとめは最後に行う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
90年代のブラウザコラージュ
ウェブの記憶についての一文を軸にし、知識のイラスト、初期のページを順に重ね、内容の蓄積からブラウザの時代へ自然につなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
コンテキストのリングタイトル
ごく少ない文字と細いリングで、エージェントからそれが依存するコンテキストへ注意を向ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ロゴの集約と公開 · 8.0秒
元の図形を最小単位へ分解し、同じ色の組でロゴと名前を組み直す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
製品の進化を振り返る
ブランド名の位置を固定し、アイコン、バージョン番号、製品の接尾語を順に変化させ、最後に主ブランドだけへ戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Uber Go Get It｜ブランドグラフィックのモーション断片
繰り返すスーツケースを固定した短文の周囲で滑らせて回転し、連続した模様の中でも旅行の訴求を読めるようにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Bluevine｜ブランドの幾何学モーション
ワードマークの幾何構造を先に示し、円弧のモジュールを独立した記号やアプリアイコンへ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Suki｜線と文字のブランド短編
医療従事者とツールの協働を2組の細線で表し、線が交わった後、実際のケアの場面を通る視覚的な手掛かりにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Supabase — Gemini Enterpriseのコネクター
有効化の操作でデータソースを会話へ接続する。メニューを開き、コネクターを有効にしてそのデータソースへの質問を入力し、二つのブランドの組み合わせで締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Deezer｜Live the Musicの動く背景
背景の波形を呼吸するように動かし続け、中央の見出しは同じ位置で明瞭に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Faculty｜グラデーションと文字のブランド訴求
ゆっくり流れる色の領域に3つの訴求を載せ、文の切り替え時だけ短く字形を崩す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Uniqode｜ドットのブランド短編
共通のドット表現で幾何パターン、現実の場面、ブランドマークをつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Uniqode｜ドット文字の集合と拡散
ばらばらの粒子を読める一文へ組み上げ、同じ粒子で再び分解する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Wise｜書体と通貨記号のモーション
書体の由来を先に説明し、字形の細部を見せ、最後に同じ書体を異なる通貨と配色へ適用する。
参考動画のみです。編集可能なプロジェクトは含まれていません。