UIアニメーション
機能発表|Config 2026 で Figma Motion を発表
動きのプレビューとタイムラインを同期させ、再生ヘッドの位置をオブジェクトの状態に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Draw
まず作品を見せ、次に制御点やパラメーターによって作品がどう変わるかを示す;機能の操作前後で見た目に違いが必要。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績|2026 Q2 の振り返り
機能ウィンドウを前景、巨大な文字のテクスチャを背景に配置し、両者の階層を混同しない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
四半期業績|2026 Q1 データポスター
幅の異なる巨大な文字と色面を隙間なく組み合わせ、端を切り取って密度を生む;下部の情報バーは固定する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
グラフィックアニメーション
イベント予告|10 万米ドルの Make-a-thon
二つのブランドを中央に配置し、参加者の吹き出しを周囲から登場させる;参加者全体の反応からイベント予告につなげる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Code Layers
コードから生成した UI をキャンバス上のオブジェクトとして扱い、デザインのバリエーションと並べて比較する;更新後も同じコードレイヤーであることを維持する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma|キャンバス上の Agent
同じ製品に対して、提案、スタイルの適用、内容の拡張を続けて行う。各結果を無関係な作品として扱わない。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
カンファレンス予告|Config 2026 loading
字形の断片は最初に散らばり、その後タイトルへ集まる。進捗ラインは独立して伸び続ける;終了時は字形が先に散り、その後に進捗が完了する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
エコシステムの拡大|MCP に新たに 5 社のパートナー
まず行き来できることを伝え、次に横並びのアイコンを順に見せてエコシステムの範囲を裏付け、最後に中心となるツールへ焦点を合わせる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
文字アニメーション
イベント公開|Config Makeathon
冒頭のパターンと字形でイベントの特徴を示し、中盤の作品で参加によって作れるものを素早く実証し、最後に公開済みであることを伝える。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Google Drive を Figma agent に接続
外部のフィードバックを読み取ってデザインを修正し、変更理由を記録した文書を出力する;読み書きの循環を作る。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma node — フレームを Weave ワークフローに接続
デザインフレームを接続可能なノードに変え、テキストと画像をそれぞれのスロットへ接続し、出力を異なる使用シーンへ分岐させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma × Codex · デザインから実装への引き継ぎ
まず注釈付きのデザインフレームを選び、選択したコンテキストを実装エージェントへ渡す;実装結果を選択した画面に対応させる。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Specs
文書に業務、デザイン、コードの根拠を集約し、コメントを受けて構成を変更し、最後に実行可能な引き継ぎ仕様へ変換する。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma Agent Vectors
新しく生成した素材も選択、色の編集、アニメーションの構成ができる;三段階で編集可能であることを示す。
参考動画のみです。編集可能なプロジェクトは含まれていません。
UIアニメーション
Figma AI 画像編集
各例を選択範囲→操作→結果の順で示す;被写体のハイライトは途中の状態にすぎない。
参考動画のみです。編集可能なプロジェクトは含まれていません。