UIアニメーション
機能発表｜Config 2026 で Figma Motion を発表
動きのプレビューとタイムラインを同期させ、再生ヘッドの位置をオブジェクトの状態に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
カスタムエージェント。
冒頭では整然と流れるタスクが混雑していき、エージェントの引き継ぎ後に秩序ある分担を取り戻すことで、問題と解決の対比を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Framer 3.0｜ブランドと製品の発表
冒頭の光からブランチと公開の操作を導き、中盤で具体的な編集結果を見せ、後半はUIの表現をガラスの記号へ抽象化する。青は選択状態を示すと同時に、映像全体の素材感をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
美的表現
前半は異なるデザインの観点から美的表現への期待を高め、後半は実際の操作で作り方を説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
watsonx｜プラットフォーム発表
同じ細い糸の材質を近景と全体で切り替え、異なる形に合わせて製品の接尾語と機能語をグループごとに展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Orbit｜カンファレンス予告
字形の構造の細部から引いて読めるタイトルを見せ、その後タイトルをぼかして背景にし、前景に日付と URL を表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Draw
まず作品を見せ、次に制御点やパラメーターによって作品がどう変わるかを示す；機能の操作前後で見た目に違いが必要。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
リサーチ画面に開く穴
複数のグレーパープルとグリーンの面で大きな楕円を作り、中央の黒い点の近くにタスクカードを置く。全体を徐々に縮小して外側に白い丸穴を出し、黒い点は画面中央に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Magic Share
同じ作業をデスクトップ、タブレット、スマートフォン間で移し、転換中も文書、グラフ、共同作業者を保って、最後にブランドの紙飛行機へまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Qwen3.8-Max：質感の変わるロゴとモデル告知
同じ三つ葉のロゴを保ち、内部の材質を切り替えてから青背景で拡大・移動し、製品名とパラメーターのための空間を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Pond｜システム発表
庭と蜂の群れで計算システムを表し、大文字で訴求を示しながら周囲で色付きの小さなプロセスブロックを動かし続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cyera Research Labs
ロゴ、配色、字形の構造からブランドの応用へ進み、同じ浮遊する球でサイトと訴求をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ノーコードの新時代
球体を視覚的な案内役にし、層状のページ、フォーム、フローの空間を進む。UIは単なるスクリーンショットではなく、前後の距離を持つ組み合わせ可能な平面として扱う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Twilio｜顧客エンゲージメント基盤のモーショングラフィックス紹介
ブランドの点を人物や日常の場面へ入れ、共通の線、赤い物体、位置の受け渡しで複数の顧客の物語をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Visual Suite 2.0 発表
同じツールバーの中でサイト、ホワイトボード、縦長コンテンツ、スライドを切り替え、下部のサムネイルをナビゲーションに使う。まず異なる形式の共存を示し、具体的な新機能へ進む。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜折りたたまれるスローガン
一文を厚みのある連結した文字ブロックにする。正面は読むため、側面は虹色の材質を見せるために使い、同じ正面の姿勢へ戻ってループする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Universe 2023｜イベントグラフィックの公開
暗闇の細い輪郭から多彩な幾何学の世界を瞬間的に広げ、すべてを中央のロゴへ戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield API｜キャッシュバックキャンペーン
コインで収益を強調した後、残高の減少と補充でキャッシュバックの仕組みを説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q2 の振り返り
機能ウィンドウを前景、巨大な文字のテクスチャを背景に配置し、両者の階層を混同しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Evergreen｜ビジュアルシステムの概要
固定した複数マスのグリッドに異なる短いループを入れ、右の細い列だけで訴求文を切り替え、豊富な素材にも読む順序を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Identity Digital｜ブランドのメインビジュアル
ドメイン名のピリオドを転換の主役にする。長いURLを分解し、ピリオドを幾何学的な場面へ拡大して、最後に短い業種別の拡張子へつなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Creative Cloud｜ロゴのメイン映像
同じロゴの輪郭をデザイン画面、落書き、画像、ミニチュア風景など複数の創作媒体に通す。材質を替えるたびに中央の形を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 15秒版
15秒の中に挨拶、立場、音楽、クリエイター、リスナーの5つの強調点を残し、一度に一組の単語だけを読ませる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Harvey II
紙のコラージュで素材感を作り、四角、円、穴を組み替え続ける。中央の対象の周囲に製品カードを出し、抽象図形をプロジェクト、タスク、リソースの関係へつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3｜オープンウェイトの予告
手書きの筆画を離散的な点へ変え、複数のネットワークを構成して知識の図集へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Wonderful｜資金調達発表のモーション
調達金額を視覚的な出来事として見せ、投資家と世界的な展開で成長を説明してから製品の位置付けへ戻る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
3Dアニメーション
Comet｜一列に並ぶ惑星
球体を同じ水平軸に沿ってスライドさせ、ビューポートで両端を切り、アクティブな球体を少し拡大して文字を出す
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Deezer｜音波のハートロゴ
独立した音波を個別に動かしてから、一つの安定したハート形のマークへ組み上げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3.1｜コピーなしのティーザー
複数のテーマをコードの帯とずれたスライスでつなぎ、物理世界とコンピューティングの関係を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
GPT-6 Cyber
主背景をゆっくり動かし続け、同じ位置でコピーを差し替える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ノーコードの時代へようこそ
暗い場所から明るい場所への移動を通じて、密なUIとコードの領域を、開放的で探索できる創作の世界へ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Cloudera｜ブランドグラフィックの短編
企業データへの問いを、出発点、障害、合流のある旅へ組み込み、最後に同じ登場人物たちが共通の目的地へ向かう。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
紫の枠の中の5つのコンポーネント
紫の輪郭とコンポーネント名を固定し、5つの短いデモを同じツール群として見せる。切り替え時は内部の対象だけを変え、表示ステージは動かさない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Parallel Index — AIがコンテンツを使うたびに報酬を得る
ノードの組み方でネットワークの変化を語る。開かれた接続、新しい訪問者、単発のアクセスから大量トラフィックへの拡大を経て、最後にインデックスのロゴへまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表｜GPT-6 Sol / Luna
星を放射状に引き伸ばして前進する速度感を作り、その後、太陽と三日月を順に中央へ据える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
There are many futures｜ブランドムービー
一人の書く行為から世界の変化を始め、一つの理想から多様な人々のさまざまな未来へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Comet｜星雲のウィンドウ
ナビゲーションを上部に固定し、中央のマスクだけを広げる；内部の映像とコンテナのサイズは別々に扱う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
情報のコラージュがインクの文字に
前半は大小の文字、帯、幾何図形で画面を満たし、全体を縮小してから断片を中央の単語の基準線へ集める。要素の退出と新しい文字の出現はタイミングをずらす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ガラスのプリズム上のFramer
タイトルを画面の中心軸に固定し、単語ごとに表示する。細長いガラスの帯を左から右へ伸ばし、最も明るい光点が少し遅れてタイトルを横切る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新ビジュアル｜ワードマークの公開
拡大した虹色の表面からCを取り出し、空間の形を一文字へ縮め、同じ基準線に沿ってブランド名全体を展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績｜2026 Q1 データポスター
幅の異なる巨大な文字と色面を隙間なく組み合わせ、端を切り取って密度を生む；下部の情報バーは固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
イベント予告｜10 万米ドルの Make-a-thon
二つのブランドを中央に配置し、参加者の吹き出しを周囲から登場させる；参加者全体の反応からイベント予告につなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Code Layers
コードから生成した UI をキャンバス上のオブジェクトとして扱い、デザインのバリエーションと並べて比較する；更新後も同じコードレイヤーであることを維持する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
カンファレンス予告｜Config 2026 loading
字形の断片は最初に散らばり、その後タイトルへ集まる。進捗ラインは独立して伸び続ける；終了時は字形が先に散り、その後に進捗が完了する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
エコシステムの拡大｜MCP に新たに 5 社のパートナー
まず行き来できることを伝え、次に横並びのアイコンを順に見せてエコシステムの範囲を裏付け、最後に中心となるツールへ焦点を合わせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
イベント公開｜Config Makeathon
冒頭のパターンと字形でイベントの特徴を示し、中盤の作品で参加によって作れるものを素早く実証し、最後に公開済みであることを伝える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Google Drive を Figma agent に接続
外部のフィードバックを読み取ってデザインを修正し、変更理由を記録した文書を出力する；読み書きの循環を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma × Codex · デザインから実装への引き継ぎ
まず注釈付きのデザインフレームを選び、選択したコンテキストを実装エージェントへ渡す；実装結果を選択した画面に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Agent Vectors
新しく生成した素材も選択、色の編集、アニメーションの構成ができる；三段階で編集可能であることを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma AI 画像編集
各例を選択範囲→操作→結果の順で示す；被写体のハイライトは途中の状態にすぎない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Lovable｜Google コネクター
複数のツールアイコンを先に集約し、その後一つずつプロンプト欄のコネクターラベルに変える
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Lovable — Lovable のスキル。
タイトルは基本的に固定し、周囲で大きさの異なる柔らかい図形を回転・浮遊させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Notion AI の大型アップデート（Agents など）
機能紹介を実行、モデルの切り替え、既存サブスクリプションへの接続の三段落に分ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Notion — Dock の中核
デスクトップ背景と周囲のアプリを素早く差し替えても、中心のアイコンは常に識別できるようにする；最後は他の要素が退場し、ブランドだけを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield · 10億ドルのマイルストーン
まず大きな数字で注意を引き、次に時間、曲線、メディアのスクリーンショットで階層的に説明する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield — モーションデザイナーのためのCursor
キャンバスとその下のタイムライン、指示エリアを常に同時に表示し、制作上の関係を示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield — ChatGPTアプリでプラグインが利用可能に
まずプラグインとスキルを選び、ツールをまたぐタスクを入力すると、実行手順が順番に現れる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Higgsfield API｜マルチモデルインターフェース
単一の入口から複数のモデルにつなぎ、さらに複数の製品成果へとつなげる
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
研究のブレークスルー｜数学と理論計算機科学の成果
各研究テーマを一つの幾何図形で表し、少数の点へと縮約して次の図形につなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
製品ティーザー｜Windows関連の予告
似た要望をさまざまな方向から少し傾けて重ね、要望が積み上がる圧力を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ChatGPT Images 2.6
まず静止した依頼から動く画像になる過程を見せ、カードの横移動で機能の広がりを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Manus Slides｜プレゼンテーション機能の発表
まず明確な授業の要件を示し、目次、図表、練習問題のページで成果物の完成度を示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Claude Haiku 5.5 発表
3列の位置は固定し、内部の質感とL字の向きを段階的に切り替える；素材の切り替えをブロック全体の平行移動に置き換えない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Fable 5｜ピクセルキャラクターの帰還
キャラクターが電飾看板に到着してから製品名を1文字ずつ出し、動作と文字の出現に因果関係を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Claude Design — チャットでプロトタイプとスライドを作成
まずユーザーが意図を入力し、次に成果物を表示し、最後に部分的な修正とエクスポートを実演する；成果物は必ず送信操作の後に表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
舞台裏を公開｜The making of Claude Code
ウィンドウを順に重ね、中央のタイトルを最後に最前面へ載せる；周辺の内容は縁が見える状態を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表｜Fable 5
前半で図鑑の文脈を作り、中盤では異なる素材に数字5の輪郭を共有させる；同じ質感ではなく、安定した外形によって認識させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
Sonnet 5.5 · マクロ映像の編集
弧線、円環、針などの似た幾何学形状でショット間をつなぐ；それぞれ異なる素材なので、同じ物体の軌跡として扱わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Claude — チャットでスライド、文書、デザインを作成
同じジャケットのテーマをスライドから複数サイズのデザインへ展開し、さらに文書に変え、形式をまたいでも内容の同一性を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Search On 2020｜制作スタジオのモーション集 · 34.6秒
点、カプセル、線を共通の基本要素とし、抽象的なカテゴリから検索結果へ変化させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Gemini｜ブランドワードマークの公開
旧名称の文字を粒子へ分解し、粒子を一定方向へ流してから新名称に再構成する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Gemini｜写真が集まり数字の4に
写真のブロックで数字を作り、全体を縦横別々に拡大縮小して比率を変え、内部のブロックも親要素の変形に追従させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
同一プロジェクトの5秒プレビュー · 5.0秒
点群を人物、場所、物の順に組み直し、カテゴリに合わせて色を変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Salsa｜音楽をテーマにしたDoodle
円形のレコード、ラッパの開口部、花びらで演奏とダンスのステップをつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok Bot｜キャラクターを積み重ねる
キャラクターを一体ずつ前のキャラクターの上に落とし、接触後に全体を少し揺らす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
Grok Bot · Starship招待キャンペーン
特典で注目を集め、すぐに現地映像で特典を説明し、参加の操作と例を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok Bot × Linear
二つのブランドを揃えて固定し、背景を流し続けながら文字の邪魔をしないようにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Grok — 21種類の新しい音声
タイトルの位置とサイズを固定し、主な動きは背景の連続した流れで作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grok Bot｜ショッピング機能の短編映像
キャラクターの視線をカードへ向け、カードを垂直軸の周りで連続して回転させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grok Bot｜Android版の発表
人からの依頼を先に表示し、次にアシスタントが準備した結果を出して、時系列で応答を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok｜財務分析
二つのブランドは静止させ、流体と光の変化だけで主な動きを作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Grok × Coinbase
ロゴを動かさず固定し、背景の明るい部分をゆっくり通過させて提携を強調する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Le Chat｜ブランド発表
各機能で先に質問を示してから対応する結果を出し、文脈のない成果物だけを再生しない
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Emergent｜モバイルアプリの発表
短い構築シーンの後、長めのスマートフォン操作で成果物が使えることを示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Emergent｜スマートフォンでアプリを構築
まず成長のデータで背景を示し、構築の入口をコンピューターからスマートフォンへ移す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Reception · 多業種の電話応対
前半は複数の業界への着信で共通の課題を示し、中盤では一つの光球を解決策として使う
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Composer · セクションごとの楽曲編集
自由な依頼から、調整できるセクション、テンポ、調性へ進み、最後に波形と作品を示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ElevenMusic — 本日、ElevenMusicを公開…
既存の音楽ライブラリから1曲に焦点を当て、プロンプトとスタイルタグを使ってさらに多くの作品へ広げる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ElevenLabs — 評価額110億ドルで5億ドルを調達
数値と裏付けで背景を作ってから実際の製品へ進み、3つの事業領域にそれぞれ固有のビジュアルシステムを使う
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Polymarket｜Perpsイベントのデータパネル
イベントの発表後に参加方法を説明し、順位と報酬の対応を展開する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Polymarket · 中間選挙の概要
ばらばらの州の形を散らしてから地図に組み上げ、雑多な情報が構造化される様子を表す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Agent SDK発表
コード設定についての抽象的な訴求には実行ダッシュボードを続け、処理を観察できることを示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
design modeにAnnotateを追加
注釈を対象要素に付け、番号とコメントを一対一に対応させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
CursorのFigmaコンポーネント作成 — Cursorで…が可能に
既存のデザインシステムと変数を先に調べてからアートボードを作り、似た図を自由に描くだけにしない
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity AI / Snowflake連携 — Computerで…が可能に
既存のデータカードから問いを導き、データソースへの接続後にクエリとレポートの証拠を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity — NVIDIA DGX Spark上のPortable Computer
ローカルツールを端末の周囲に輪状に配置し、クラウドモデルを別の層に置く；接続線は必要に応じたクラウド利用を表し、データの既定の外部送信を意味しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
FramerがCursorと連携
キーボードの近景から暗い入力欄へ移り、入力完了後にCMSの表へ切り替える。行の一覧に沿って青い枠を出し、一つの依頼が複数のデータに作用することを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
3Dアニメーション
MCPでFramerへ移行
手前のウィンドウを右上、奥のウィンドウを左下に固定する。両者の透視方向を揃え、奥のウィンドウを畳むときは一度点へ縮め、斜めの軸に沿って再展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Framer Skills
冒頭で入力欄にフォントと引用符のルールを続けて入力し、その後に完成ページを見せて、ルールがページ全体へ作用することを伝える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Framer Agent Templates
3枚のテンプレートを横に並べ、中央は全体を見せ、両側は一部だけ見せて暗くする。切り替える際は列全体を横へ滑らせ、定位置に着いてから中央の明るさを戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Geist Serif
三角のマークから青背景の設計図へ入り、1文字の輪郭を拡大する。細線、寸法表記、制御点は筆画の構造を説明するために使い、字形を覆わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
AI Grand Prix ドローンレース
分散した黒い筆画をAI–GPへ組み上げ、オレンジレッドの制御枠、交差線、位置決め点を筆画と一緒に出す。副題と主催者名を上下に揃える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Zaro 製品発表
一つの入力から顧客ダッシュボードを生成し、agent、外部ツール、ファイルへの質問を追加する。機能を加えるたびに同じ作業対象へ戻り、最後に引いて複数アプリのネットワークを見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
サイバーセキュリティデータ
見出しを左揃えにし、Cybersecurity Dataをオレンジで表示する。下の点群を一部から点灯させ、画面全体をオレンジに変えて大きな白い数値を急増させた後、vulnerabilitiesを出す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Directoryの無料採用データ
中央の見出しの周囲にアバターを順に出す。サイズをほぼ揃えて短い属性ラベルを付ける。見出しは2行に保ち、ブランドの行をオレンジにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Ad Studio：リンクを貼って広告一式を生成
リンク入力後に周囲のポスターを集め、ロゴ、色、フォント、製品素材へ整理する。製品を組み合わせのリングに入れ、数が増えてから広告のマトリクスを展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Krea Nodesの共同編集
複数の色付きカーソルで文字の曲線を描き、字形上に黒いノードの端点を残す。完成した見出しを一つの空白ノードへ縮め、図形の比喩から実際の操作へつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grokでスケッチをカートゥーンに
最初の依頼でスケッチをキャラクター設定画にし、次の依頼でその結果をアニメーションにする。チャットを上へスクロールし、新しい結果を下から入れて、前のメッセージとのつながりを保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ベクターグラフィック｜公開前ティーザー
ポスター全体から惑星へ、さらに黄色い輪郭の1本の曲線へ寄る。倍率を上げ続けても縁は滑らかに保ち、同じ細部を拡大の中心にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
HermesがOmarchyと連携
中央の小さな穴から透視線を四方のグリッドへ広げ、しばらく前進してから両側へ絞り、二つのロゴの対称な位置を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
サブスクリプション刷新
上にクラウド、下に端末を置き、光る縦線で二つの層を結ぶ。周囲のターミナル情報はコントラストを下げ、主体を縦方向の中央に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
DiaをArcメンバーに公開
光る図形を下から上げて縮小し、送信の矢印に変える。入力欄を水平に広げ、ブランド紹介から自然に操作へ入る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
新製品、新しいビジュアル
紋章、短文、リンクを中央に保ち、四隅に少量のナビゲーションを置く。青いカーソルを余白に弧を描いて通し、中央の文字へ戻して動きの焦点を一つにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
3Dアニメーション
無料の音声入力
ロゴと文字のキーキャップを落として1列に並べ、両側へ散らして光る黒い音声波形のカプセルを見せる。カプセルは以降のデモで共通の基準位置にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Runway Agentの新機能
最終的な製品ページを先に見せてから依頼へ戻り、配色と製品を抽出して場面や各サイズを生成し、最後にモーション機能を示す。同じスピーカーを複数の成果物に繰り返し登場させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
状態を示す言葉とHyperFrames
状態を示す単語を暗めの等幅文字で素早く切り替え、暗い二つの三角へ変える。ロゴを下から上へ緑で満たし、白いブランドのワードマークを展開する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Suno Studio ティーザー
赤い録音ボタンを押すと波形が左から右へ伸びる。サウンド一覧へ切り替え、複数のカラートラックへ展開する。録音の進行と再生ヘッドは同じ方向へ動かす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
SUNO バージョン切り替え
Vを上、6を下に置き、オレンジの縁とピンクの内側で多層の光沢を作る。中央のブランド名は小さく固定し、バージョン文字が上下へ去ってからコントロールを見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
サイト、スライド、告知画像で一つの物語を伝える
コーヒーのサイト作成を入力した後、続けてスライドと告知画像を依頼する。3種類の成果物で写真、褐色のパレット、セリフ体の見出しを共有し、内容の一貫性で文脈の再利用を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
機能更新｜450以上の連携
オレンジのカプセルでconnect、withなどの単語をつなぎ、クリックできるプラス記号へつなげる。クリック後に複数の弧に沿ってアイコンを流入させ、数字を450まで増やす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Slidesの提供開始
テーマ入力後に表紙、内容、発表原稿を生成し、サムネイル欄を常に左に置く。ページを順に切り替え、配色、フォント、イラスト表現の一貫性を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
石膏の立方体を分解してHを出す
立方体を回転させて引き、縁に白い細い亀裂が現れたら各面を外へ散らす。Hは元の中心に残し、面が画面外へ出るまで徐々に距離を広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Devin Desktop刷新
各段階でウィンドウ全体を先に見せ、会話ツリー、ターミナル、端末テスト、ルール設定、PRの対象領域へ寄る。字幕を画面下に固定して操作を説明する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Mercor 発表動画
スキル条件の入力後に候補者を見せ、詳細で面接と文字記録を確認し、採用、紹介、支払いへ進む。同じ候補者で複数の手順をつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
実写映像編集
ガラス。
ガラスは固定し、手と容器を背後から通す。細かな格子で輪郭をずれた小片に分ける。全景で枠を示し、近景で模様と歪みの関係を明確に見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Introducing Muse｜パーソナルAIアシスタント発表
日常の3つのタスクでアシスタントの能力をつなぐ。メッセージから要望を理解し、実行中の作業を見せ、ユーザーの判断が必要な段階では独立して立ち止まる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
生産手段を自分のものに。私たちと変革を。
極端に寄ったロゴと赤い文字を素早く小さな組み合わせへ引き、黒い画面に広い余白を残して短いブランドの登場を完成させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Databricks — Lakehouse上のGLM 5.3 Flash
既存の一覧から新モデルを選び、同じ名称をブランド告知の位置にも表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL｜タイポグラフィのメインビジュアル 60秒版
コピーを主役にし、意味上の強調に合わせて短い単語を拡大し、押し込み、つなげる。菱形で文字の段落を次の配色へ押し進める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Bolt Template Marketplace｜テンプレート市場
選べるテンプレートの幅を先に見せ、閲覧できる完全なサイトを一つ拡大し、最後にプロンプトで別の事業へ作り替える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Bolt Skills｜チーム機能の紹介
繰り返す要件を呼び出せるスキルにし、一度の配色変更でスキルが実際にページへ作用することを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Jitter Superagents｜製品機能の紹介
一文の操作依頼とキャンバスの変化を一緒に見せる。テンプレートのリミックス、点の整列、トラックのオフセットを行い、最後に異なるサイズと言語へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
タイポグラフィアニメーション · 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アニメーション
Miro｜製品発表コレクション
同じ製品プロジェクトで目標、調査、設計、開発をつなぐ。ビューを替えるたびにプロジェクト名か重要な問いを残し、長い映像を継続的なワークフローとして見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
North 2 — 2026年10月登場
一筋の緑の光で新製品名を明かし、透明な層と暗いオーロラを控えめに保つ。最後に製品名を二つの短い約束の言葉へ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Exa — CodexとChatGPTから1,000億以上のウェブサイトへアクセス
外部資料が必要な具体的な問いを先に出し、検索呼び出しと構造化された回答を示す。連携機能のまとめは最後に行う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Factory｜2.0 発表
ソフトウェア制作を一連の工程へ分け、同じ順序の指標ダッシュボードへ進む。冒頭の工程名を後の実際のUIへ必ず対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Persimmon — 人をシミュレートするモデル
一枚の果実のポスターで個人を表し、引いて多様なサンプルへ広げる。粒子をポスターの境界を越えて流し、個人から相互作用への物語を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
90年代のブラウザコラージュ
ウェブの記憶についての一文を軸にし、知識のイラスト、初期のページを順に重ね、内容の蓄積からブラウザの時代へ自然につなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
コンテキストのリングタイトル
ごく少ない文字と細いリングで、エージェントからそれが依存するコンテキストへ注意を向ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ロゴの集約と公開 · 8.0秒
元の図形を最小単位へ分解し、同じ色の組でロゴと名前を組み直す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Prime Agent登場：コーディングと長時間実行向けの自己改善型RLMハーネス…
製品の仕組みをコードと状態で先に示し、タスクの結果と集計値で締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Resend Inboxes
静かな暗い受信箱を手前へ出し、巨大な見出しと背面光で発表を完成させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Revolutアプリで初のユーロ連動ステーブルコインEURRを提供開始。
2枚のコインを同じトレーに沿って前後に入れ替え、文字を固定して動きを二つの主体に集中させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Airtable｜AIでアプリを作成
依頼と結果を並べてアプリ生成を見せ、添付ファイルの更新やほかの業務例を同じ構成へつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
AI Labs｜UI要素
複数の操作可能な画面でカスタマイズ機能を説明し、各例を明確なフィードバックで締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
製品の進化を振り返る
ブランド名の位置を固定し、アイコン、バージョン番号、製品の接尾語を順に変化させ、最後に主ブランドだけへ戻す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Think｜イベントのワードマーク
ばらばらの向きの立体文字を同じ読む方向へ揃え、短く完成させた後は静かなワードマークを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Uber Go Get It｜ブランドグラフィックのモーション断片
繰り返すスーツケースを固定した短文の周囲で滑らせて回転し、連続した模様の中でも旅行の訴求を読めるようにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
財布に資金を補充するイラストループ
給油の動作を財布へ置き換える。ノズルを向け、コインを流し、財布を満たす動き自体でチャージを説明する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Wabi 2.0登場：アプリを作り、用事を済ませる新しいメッセンジャー…
チャット内の情報を使えるミニアプリへ育て、それらで個人のホーム画面を構成する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Whop — Whop Treasury登場：…で6%の利回り
一度の残高移動で口座の構成を変え、グラフと入金メニューで製品の説明を広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
GLM-5V-Turbo — 視覚対応コーディングモデル
入力素材と生成結果を同時に見せ、スケッチ、画像、画面録画で異なる視覚入力の機能をそれぞれ示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
AIでプレゼンテーションを作成
テーマを編集可能なアウトラインへ変え、そこから一式の完成スライドを作り、2回の生成それぞれに明確な結果を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Bluevine｜ブランドの幾何学モーション
ワードマークの幾何構造を先に示し、円弧のモジュールを独立した記号やアプリアイコンへ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Underlord｜動画テンプレート
動画編集の依頼を明確な素材の受け渡しとして示す。プリセット選択、動画提出、レイアウト確認、ブランドガイド提出を経て、2種類の比率の結果を見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
QuiverAI Arrow 2｜ベクター生成
パスの編集可能性、作品カテゴリ、実際の使用媒体という3つのスケールでベクター生成の価値を示し、最後に同じスタイルのバリエーション生成へ戻る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Rive CLI — エージェントでRiveファイルを作成
実際に状態が変わる作品を連続して見せ、インタラクションを説明する。ゲーム、コントロール、デザインシステム、シーケンサーで一つずつ明確な操作を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Suki｜線と文字のブランド短編
医療従事者とツールの協働を2組の細線で表し、線が交わった後、実際のケアの場面を通る視覚的な手掛かりにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Supabase — Gemini Enterpriseのコネクター
有効化の操作でデータソースを会話へ接続する。メニューを開き、コネクターを有効にしてそのデータソースへの質問を入力し、二つのブランドの組み合わせで締める。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Deezer｜Live the Musicの動く背景
背景の波形を呼吸するように動かし続け、中央の見出しは同じ位置で明瞭に保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Faculty｜グラデーションと文字のブランド訴求
ゆっくり流れる色の領域に3つの訴求を載せ、文の切り替え時だけ短く字形を崩す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Uniqode｜ドットのブランド短編
共通のドット表現で幾何パターン、現実の場面、ブランドマークをつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Uniqode｜ドット文字の集合と拡散
ばらばらの粒子を読める一文へ組み上げ、同じ粒子で再び分解する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Wise｜書体と通貨記号のモーション
書体の由来を先に説明し、字形の細部を見せ、最後に同じ書体を異なる通貨と配色へ適用する。
参考動画のみです。編集可能なプロジェクトは含まれていません。