米FigmaはConfig 2026で発表した新機能と機能拡張を公開した。
モーション、3D変換、シェーダー、コードレイヤーを追加し、AIエージェントを軸にデザイン制作の範囲を広げる。
Figmaが制作領域を拡張
Figmaは2026年6月24日、Config 2026で共有した新機能として、キャンバス上で扱える制作素材を拡張したと発表した。
対象はモーション、3D変換、シェーダー、コードレイヤーの4領域であり、従来のUIデザインに加えて、動き、奥行き、質感、インタラクションを同一環境で扱えるようにする内容である。
モーション機能では、タイムラインやFigmaエージェントを使い、精密なアニメーションを作成できる。
再利用可能なシステムを構築し、開発準備が整ったアニメーションとしてリリースすることも想定されている。
3D変換では、デザインや画像に奥行きと立体感を加え、モーションと組み合わせて現実世界のような動きを表現できる。
シェーダーでは、作りたい内容を説明すると、エージェントがテクスチャを構築する。生成された要素は共有可能で、ファイルに直接質感を加えられる。
コードレイヤーでは、デザインやコードベースを起点に、プロンプトでインタラクションの案を出し、複数の方向性を比較しながら細部を調整できる。
あわせてFigmaは、Figmaエージェントを拡張する仕組みも示した。
エージェントスキルでは、スキル、アタッチメント、コネクタを追加し、より多くの文脈を与えられる。
FigJamとSlidesにもエージェント機能が入り、ボードや図の生成、スライド作成、一括編集に対応する。
生成プラグインやWeaveツール、Weaveワークフローも含め、Figma内でカスタムツールや高品質なビジュアル資産を作る方向性が打ち出された。
制作と実装の境界が薄れる
今回の発表は、Figmaを単なるデザインツールから、制作プロセス全体を扱う共同作業基盤へ近づける動きだと言える。
UI設計、アニメーション、3D表現、コード由来のインタラクション案を同じキャンバスで扱えれば、デザイナー、開発者、企画担当者の間で発生していた認識のずれを減らしやすくなるとみられる。
特に大きいのは、Figmaエージェントがツール、ファイル、チームと連携する点だろう。
作業者が毎回ゼロから操作するのではなく、既存ファイルやチームの文脈を踏まえて提案や生成を行えるようになれば、制作の初速は高まりそうだ。
FigJamやSlidesへの展開も、アイデア出しから提案資料、実装前の表現検証までを一つの流れに統合する可能性を持つ。
一方で、AIエージェントへの依存が進むほど、生成結果の品質管理は重要になる。
アニメーションやコードレイヤーは見た目だけでなく、実装負荷や再現性にも影響するため、最終的な判断には人間による確認が欠かせないとみられる。
チーム内で誰が生成し、誰が承認し、どこまでを開発準備済みとみなすのかという運用ルールも必要になるだろう。
それでも、Figma上で表現と実装の距離が縮まる意義は大きい。
今後は、デザイン担当者が静的な画面を作るだけでなく、動きや質感、操作感まで含めた体験の原型を提示する場面が増えると考えられる。
制作現場では、AIを使いこなす力と、生成物を適切に評価する編集力の両方が競争力になりそうだ。
関連記事：
FigmaがClaudeと連携、対話からFigJamダイアグラム生成 MCPで編集可能に
