Config 2026で発表されたFigmaの新機能まとめ

• URL: https://dev.classmethod.jp/articles/figma-config-2026-recap
• 日付: 2026-06-26
• Tier: Tier 2
• 要旨: Figma の年次カンファレンス Config 2026（2026-06-23〜25）で発表された 8 機能のまとめ。即日利用可能なものは Figma Motion（タイムラインアニメーション）、Generative plugins（自然言語によるプラグイン生成）、Shaders（AI シェーダー）、Figma Weave（複数 AI モデルを組み合わせたノードベースワークフロー）、Figma agent（Skills 機能付き AI エージェント）の 5 つ。Code Layers・FigJam agent・Slides agent は近日公開予定。

詳細

Figma の年次カンファレンス Config 2026（2026-06-23〜25）で発表された 8 機能の詳細まとめ。AI・コード変換・アニメーション領域が中心で、Figma Motion のアニメーション機能が特に注目された。

即日利用可能な機能:

Figma Motion — タイムラインとキーフレーム、プリセットを使ってキャンバス上でアニメーションを直接制作。位置・不透明度・スケール・回転・フェードイン/アウト・イージングを支援。Dev Mode で確認でき、CSS・JSON・React コード・MP4・WebM・Animated SVG・GIF で書き出し可能。

Generative plugins — 作りたいプラグインの内容を説明するだけで独自プラグインを生成。ローカル環境や Figma プラグイン API の知識不要。ファイル内共有から始まり、将来的にチーム・組織・コミュニティへ段階的公開を予定。

Shaders — プロンプト記述または画像参照で質感・エフェクトを生成する AI シェーダー機能。生成後はパラメータ化されてキャンバス上で直接調整可能、コードとして共有・再利用も可。インタラクティブシェーダーは近日提供予定。

Figma Weave — 複数の AI モデルや生成フローをノードベースで組み合わせ、画像生成・スタイル変換などを Figma キャンバス上で構築・反復。テンプレートとして公開・リミックスに対応。

Figma agent — Skills という仕組みでワークフロー・設計規約をエージェントが再利用できる指示としてパッケージ化。Notion・Slack・GitHub との外部連携対応、エージェントとのやり取りがデフォルトでチームに共有表示。

近日公開・早期アクセス受付中の機能:

Code Layers — デザインレイヤーをワンクリックでインタラクティブなコードレイヤーに変換し、同一ファイル内で複数案を並べて探索・コメント反復が可能。コード→デザインレイヤーへの逆変換にも対応。7 月ロールアウト予定でウェイトリスト受付中。

3D transforms — レイヤーに 3D 変形を加える機能。早期アクセス受付中。

FigJam agent / Slides agent — Figma agent の FigJam・Figma Slides 対応。FigJam でアイデア整理・共同作業支援、Slides でスライド構成支援を予定。Coming Soon でウェイトリスト受付中。

Figma Motion・Shader・Generative plugins・Figma Weave・Figma agent は公式 Playground（Config 2026 Playground、Figma agent Playground）でチュートリアル形式で体験できる。