掲載済み (2026-06-13号)
170 187文字 • 1分

Figma Design Agentの使い方解説:キャンバス上でAIが直接編集する新機能の活用ガイド

日本語

掲載情報

概要

Figmaのキャンバス上で直接デザインの生成・編集・バリエーション展開が可能な「Figma Design Agent」の機能概要、料金、効果的な活用方法を詳しく解説する記事です。

詳細内容

Figma Design Agent(2026年5月ベータ公開)は、デザインキャンバス内で直接動作し、既存のデザインシステムを理解した上でUIの生成や一括編集を行うAIエージェントです。主な機能として、1つのプロンプトから複数スタイルのバリエーションを並列生成する「デザイン探索」、ライブラリ内のコンポーネントを優先的に使用する「UI生成」、ファイル全体のスタイルやテキストを一括変更する「バルク編集」が挙げられます。 特に強力なのが「@メンション機能」で、プロンプト内で特定のコンポーネントや変数を直接参照させることで、プロジェクトの独自ルールに沿った高精度な出力を得ることが可能です。コード出力を主眼に置く「Figma Make」に対し、Design Agentは「Figmaのレイヤー構造を維持したまま編集すること」に特化しています。記事では、設計済みのデザインシステムがあるほどAIの精度が向上する点や、AIを作業のたたき台として活用する重要性についても強調されています。