UIアニメーション
機能発表|Config 2026 で Figma Motion を発表
動きのプレビューとタイムラインを同期させ、再生ヘッドの位置をオブジェクトの状態に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
カスタムエージェント。
冒頭では整然と流れるタスクが混雑していき、エージェントの引き継ぎ後に秩序ある分担を取り戻すことで、問題と解決の対比を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Draw
まず作品を見せ、次に制御点やパラメーターによって作品がどう変わるかを示す;機能の操作前後で見た目に違いが必要。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Magic Share
同じ作業をデスクトップ、タブレット、スマートフォン間で移し、転換中も文書、グラフ、共同作業者を保って、最後にブランドの紙飛行機へまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Qwen3.8-Max:質感の変わるロゴとモデル告知
同じ三つ葉のロゴを保ち、内部の材質を切り替えてから青背景で拡大・移動し、製品名とパラメーターのための空間を空ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Pond|システム発表
庭と蜂の群れで計算システムを表し、大文字で訴求を示しながら周囲で色付きの小さなプロセスブロックを動かし続ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Linear Agent — 何でも質問し、すべてを指示する
斜めからのカメラをプロジェクトとエージェントの間で移動させ、文書と関係図を回答の根拠として示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績|2026 Q2 の振り返り
機能ウィンドウを前景、巨大な文字のテクスチャを背景に配置し、両者の階層を混同しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Evergreen|ビジュアルシステムの概要
固定した複数マスのグリッドに異なる短いループを入れ、右の細い列だけで訴求文を切り替え、豊富な素材にも読む順序を持たせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Creative Cloud|ロゴのメイン映像
同じロゴの輪郭をデザイン画面、落書き、画像、ミニチュア風景など複数の創作媒体に通す。材質を替えるたびに中央の形を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
TIDAL|タイポグラフィのメインビジュアル 15秒版
15秒の中に挨拶、立場、音楽、クリエイター、リスナーの5つの強調点を残し、一度に一組の単語だけを読ませる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
K3|オープンウェイトの予告
手書きの筆画を離散的な点へ変え、複数のネットワークを構成して知識の図集へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
GPT-6 Cyber
主背景をゆっくり動かし続け、同じ位置でコピーを差し替える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
紫の枠の中の5つのコンポーネント
紫の輪郭とコンポーネント名を固定し、5つの短いデモを同じツール群として見せる。切り替え時は内部の対象だけを変え、表示ステージは動かさない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表|GPT-6 Sol / Luna
星を放射状に引き伸ばして前進する速度感を作り、その後、太陽と三日月を順に中央へ据える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
情報のコラージュがインクの文字に
前半は大小の文字、帯、幾何図形で画面を満たし、全体を縮小してから断片を中央の単語の基準線へ集める。要素の退出と新しい文字の出現はタイミングをずらす。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績|2026 Q1 データポスター
幅の異なる巨大な文字と色面を隙間なく組み合わせ、端を切り取って密度を生む;下部の情報バーは固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Code Layers
コードから生成した UI をキャンバス上のオブジェクトとして扱い、デザインのバリエーションと並べて比較する;更新後も同じコードレイヤーであることを維持する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
エコシステムの拡大|MCP に新たに 5 社のパートナー
まず行き来できることを伝え、次に横並びのアイコンを順に見せてエコシステムの範囲を裏付け、最後に中心となるツールへ焦点を合わせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma AI 画像編集
各例を選択範囲→操作→結果の順で示す;被写体のハイライトは途中の状態にすぎない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
プロジェクトと Web サイトをインポート
前面の Web サイトを横一列の順に切り替え、下部の入力位置は固定する
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Lovable — Lovable のスキル。
タイトルは基本的に固定し、周囲で大きさの異なる柔らかい図形を回転・浮遊させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Notion AI の大型アップデート(Agents など)
機能紹介を実行、モデルの切り替え、既存サブスクリプションへの接続の三段落に分ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Notion Skills — ローカルのコーディングエージェントへエクスポート
まず複数のエージェント名を素早く切り替えて互換性の範囲を示し、その後、一回のエクスポートから呼び出しまでの全工程で裏付ける。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Notion — Dock の中核
デスクトップ背景と周囲のアプリを素早く差し替えても、中心のアイコンは常に識別できるようにする;最後は他の要素が退場し、ブランドだけを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
製品ティーザー|Windows関連の予告
似た要望をさまざまな方向から少し傾けて重ね、要望が積み上がる圧力を表す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ChatGPT Images 2.6
まず静止した依頼から動く画像になる過程を見せ、カードの横移動で機能の広がりを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Manus Slides|プレゼンテーション機能の発表
まず明確な授業の要件を示し、目次、図表、練習問題のページで成果物の完成度を示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Manus Skills|ワークフロースキル
有用な会話がスキルの項目になり、有効化できる一覧に加わる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Claude Code|デスクトップでの複数セッション
まずメインウィンドウを展開し、1列からプレビューとコードの並列表示へ広げる;パネルは同じワークスペース内の子階層とする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
モデル発表|Fable 5
前半で図鑑の文脈を作り、中盤では異なる素材に数字5の輪郭を共有させる;同じ質感ではなく、安定した外形によって認識させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Claude — チャットでスライド、文書、デザインを作成
同じジャケットのテーマをスライドから複数サイズのデザインへ展開し、さらに文書に変え、形式をまたいでも内容の同一性を保つ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Gemini|写真が集まり数字の4に
写真のブロックで数字を作り、全体を縦横別々に拡大縮小して比率を変え、内部のブロックも親要素の変形に追従させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Grok Bot — 音声メッセージを送信
まず内容と時間を指定し、次に出力形式を追加すると、結果が音声カードになる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Magistral 発表
具体的な制約を先に示し、説明とコードを表示した後、実行結果を並べて見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Emergent|モバイルアプリの発表
短い構築シーンの後、長めのスマートフォン操作で成果物が使えることを示す
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
ElevenMusic — 本日、ElevenMusicを公開…
既存の音楽ライブラリから1曲に焦点を当て、プロンプトとスタイルタグを使ってさらに多くの作品へ広げる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Flows Agent — 説明するだけで、エージェントがワークフローを接続
自然言語をまずノードの依存関係へ変換し、出力ノードは上流の素材が完成するまで待機させる
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Polymarket|Perpsイベントのデータパネル
イベントの発表後に参加方法を説明し、順位と報酬の対応を展開する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cursor Origin|コードホスティング
新規作成と同期という二つの入口から同じリポジトリ一覧へ進み、PRレビューへ入る
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cursor SDK — Cursor SDKを公開し、…を可能に
コードを少しずつ書き足してから左列へ縮め、右列のターミナルで同じ設定を実行する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
公開可能なアプリを構築
インフラの構築手順を一つずつ完了させた後、アプリのプレビューを表示する
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Deep Research — Computerにネイティブ統合
調査依頼をサブタスクに渡し、検索後にレポートを出す;結論と出典は分けて表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Perplexity|Windowsでのローカル処理
インストール完了後にローカルツールのネットワークを表示し、クラウドへの移行は先に確認を行う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Stripe Treasury
通知から残高へ入り、送金、カード作成、会話での操作を行って、最後に概要へ戻る。一度に一つの操作パネルだけを中央に置き、確認後に次の場面へ移る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Geist Serif
三角のマークから青背景の設計図へ入り、1文字の輪郭を拡大する。細線、寸法表記、制御点は筆画の構造を説明するために使い、字形を覆わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
AI Gateway Virtual Models
まず一文で機能を説明し、タスクとモデルの対応表やコマンドを示す。説明文を重ねず、各概念の直後に具体的な使い方を置く。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Zaro 製品発表
一つの入力から顧客ダッシュボードを生成し、agent、外部ツール、ファイルへの質問を追加する。機能を加えるたびに同じ作業対象へ戻り、最後に引いて複数アプリのネットワークを見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Krea Nodesの共同編集
複数の色付きカーソルで文字の曲線を描き、字形上に黒いノードの端点を残す。完成した見出しを一つの空白ノードへ縮め、図形の比喩から実際の操作へつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
ベクターグラフィック|公開前ティーザー
ポスター全体から惑星へ、さらに黄色い輪郭の1本の曲線へ寄る。倍率を上げ続けても縁は滑らかに保ち、同じ細部を拡大の中心にする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
SUNO バージョン切り替え
Vを上、6を下に置き、オレンジの縁とピンクの内側で多層の光沢を作る。中央のブランド名は小さく固定し、バージョン文字が上下へ去ってからコントロールを見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Databricks — Lakehouse上のGLM 5.3 Flash
既存の一覧から新モデルを選び、同じ名称をブランド告知の位置にも表示する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Glean登場
アシスタントが個人のタスクを理解する様子を先に示し、個人の好みから人、プロジェクト、データを含む企業の関係図へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Bolt Skills|チーム機能の紹介
繰り返す要件を呼び出せるスキルにし、一度の配色変更でスキルが実際にページへ作用することを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Jitter Superagents|製品機能の紹介
一文の操作依頼とキャンバスの変化を一緒に見せる。テンプレートのリミックス、点の整列、トラックのオフセットを行い、最後に異なるサイズと言語へ広げる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
数字アニメーション · 6.1秒
3つの大きな数字でカウントダウンし、次に広げて3×3の数字セットを見せ、同じ系列の折れ線と角丸を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Creative Cloud|カラーグラフィックのバリエーション
同じロゴで細線、金属、花、画像コラージュなどの創作スタイルを切り替え、共通の位置と余白で一つのシリーズにまとめる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Miro|製品発表コレクション
同じ製品プロジェクトで目標、調査、設計、開発をつなぐ。ビューを替えるたびにプロジェクト名か重要な問いを残し、長い映像を継続的なワークフローとして見せる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
CodeRabbit [blocked] トリアージ
待ち行列とレビュー催促の負担を先に示し、一覧を緊急度、最近の変化、進行状況で並べたボードへ変える。最優先の項目を常にオレンジで追う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
North 2 — 2026年10月登場
一筋の緑の光で新製品名を明かし、透明な層と暗いオーロラを控えめに保つ。最後に製品名を二つの短い約束の言葉へ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Exa — CodexとChatGPTから1,000億以上のウェブサイトへアクセス
外部資料が必要な具体的な問いを先に出し、検索呼び出しと構造化された回答を示す。連携機能のまとめは最後に行う。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Goodfire — AIモデルを理解し、デバッグする
モデルの検査を追跡できる研究過程として見せる。対象とデータセットを明確にし、検査計画を確認してから、発見と次の実験を示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Cash App|縦型の製品紹介
同じスマートフォンで利点をつなぎ、黒、グレー、蛍光グリーンの背景切り替えで章のリズムを作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Think|イベントのワードマーク
ばらばらの向きの立体文字を同じ読む方向へ揃え、短く完成させた後は静かなワードマークを残す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Uber Go Get It|ブランドグラフィックのモーション断片
繰り返すスーツケースを固定した短文の周囲で滑らせて回転し、連続した模様の中でも旅行の訴求を読めるようにする。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
財布に資金を補充するイラストループ
給油の動作を財布へ置き換える。ノズルを向け、コインを流し、財布を満たす動き自体でチャージを説明する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
Bluevine|ブランドの幾何学モーション
ワードマークの幾何構造を先に示し、円弧のモジュールを独立した記号やアプリアイコンへ変える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
DubがPartner Referralsを公開
発表用の物体から一人のパートナーの収益へ入り、採用ファネル全体と詳細分析へ広げ、個人の結果から製品のデータへつなぐ。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
Faculty|グラデーションと文字のブランド訴求
ゆっくり流れる色の領域に3つの訴求を載せ、文の切り替え時だけ短く字形を崩す。
参考動画のみです。編集可能なプロジェクトは含まれていません。