30秒サマリー
- FigmaがConfig 2026でAI活用の新デザイン・コーディング機能を一挙公開
- テキスト指示だけでアニメーションやシェーダーエフェクトを生成可能に
- コードとデザインの統合を強化し、フルスタック開発対応のキャンバスへ刷新
何が起きたか
Figmaは年次カンファレンス「Config」において、デザインと開発のワークフローを統合・自動化する複数の新機能を発表した。今回の発表の核心は、AIを活用してクリエイティブ作業の反復的タスクを自動化し、チーム・AIエージェント・ツールを「一つの場所」に集約するキャンバスの刷新だ。
新機能の主な内容は4つ。①「コードレイヤー」はFigma Designキャンバスを離れることなくコードを直接編集でき、リポジトリのクローン、AIエージェントによる新方向性の生成、フローのデザインレイヤー化、コードへの変更同期などが可能。②「モーション」はテキストプロンプトや手動タイムライン操作でアニメーション・3Dトランジションを作成でき、デザインシステムやコードとも連携する。③「シェーダー」はWebGPUを活用したシェーダーエフェクトをプロンプトで生成でき、ディザー・ピクセレート・各種ブラーなど従来のFigmaでは実現できなかった表現が直接キャンバス上で利用可能になる。④「Figma Weaveワークフロー」では20以上の統合ツールをキャンバス上で活用でき、複雑なAIワークフローをシンプルな操作に変換する。同機能はFigmaとFigma Weaveの完全統合に向けた第一段階と位置づけられており、完全統合は2026年内を予定しているとされる。
チーム・エージェント向けには、繰り返し作業を「スキル」として登録してチーム全体で共有できる機能や、プロンプトだけで再利用可能なプラグインを生成する「生成プラグイン」も追加された。生成プラグインは開発者スキルや専用設定なしに利用できるとFigmaは説明している。
原典ハイライト
Figmaは「クリエイティブがアイデアをさらに推し進め、AIで面倒な作業を自動化できるよう支援する」と表明。キャンバスをフルスタック開発向けに最適化し、デザインとコードの境界を大幅に縮小する方向性を明確に打ち出した。Figma Weaveワークフローについては「FigmaとFigma Weaveの完全統合に向けた第一段階」と位置づけている。
出典: The Verge（報道）
So What?（なぜ重要か）
これまでデザインと開発は「Figmaでデザイン→エンジニアがコード化」という分断されたフローが主流だった。今回の発表により、デザイナーがコードを直接扱い、エンジニアがデザインキャンバス上でAI生成を活用できる双方向の統合環境が現実化しつつある。特にアニメーションやシェーダーのAI生成は、これまで高度な専門スキルが必要だった領域を大幅に民主化する可能性がある。
日本企業への示唆
日本のUI/UXデザインチームや受託開発会社にとって、「デザイナーとエンジニアの役割分担」の見直しが迫られる転換点となりうる。コードレイヤーやモーション機能を活用すれば、デザイン確認・修正のラウンドトリップを削減でき、特にアプリ・Web制作の工数削減に直結する。一方、社内ワークフロー・権限管理・コードベースとの連携ルール整備が必要になるため、導入前に運用設計を検討しておくことが望ましい。また生成プラグイン機能は、ノーコードで社内専用ツールを構築できる可能性を示しており、内製化推進を志向する企業にとって注目に値する。
背景・経緯
Figmaは毎年「Config」カンファレンスで主要アップデートを発表してきた。今回発表されたFigma Weaveワークフローは「FigmaとFigma Weaveの完全統合に向けた第一段階」と説明されているが、Figma Weave自体の詳細な機能説明は原文では限定的であり、原文の記述の範囲を超えた詳細は確認できない。完全統合は2026年内が予定されているとされる。
