Figmaデザインエージェントを公開

• キャンバス上で直接動作するFigma専用デザインエージェントが登場し、デザイナーがツールを切り替えることなくAIとの協業と直接操作を行き来できる環境を提供
• コンポーネント、トークン、標準、ベストプラクティスなど、デザインシステムのコンテキストを深く理解するようファインチューニングされており、Figmaファイル編集に最適化された出力を生成
• デザインレイヤーのどこからでもプロンプトを開始でき、並列プロンプト(parallel prompt) で複数のアイデアを同時に探索でき、エージェントとユーザーが同時に編集可能
• 変数の一括変更、コンポーネントの置換、ダークモード切り替え、lorem ipsumの差し替えなど、反復的な雑務(busywork)の自動化に活用可能
• 今後数週間にわたってベータ版として段階的に提供され、ベータ期間中はクレジット消費なし、Professional/Organization/EnterpriseプランのFull seatユーザー向けに提供

---

リリースの背景とポジショニング

• デザイナーに必要な中核要素は探索、実験、コラボレーション、精密さであり、Figmaはそれを可能にするマルチプレイヤーキャンバスとして設計されている
• チームがエージェントツールを導入する中で、「速度 vs 精密さ」「AI生成 vs 直接操作」といった誤った二者択一(false choices) が生まれているが、どちらか一方を選ぶ必要はないという立場
• 今年初めにサードパーティ製エージェントにFigmaキャンバスを開放したのに続き、今回はキャンバスと左レール(left rail)に直接組み込まれたFigmaエージェントを公開
• 目標は、Figmaに精通しチームの作業方法にネイティブなエージェントを作ることであり、サードパーティ製ツールでは不可能なレベルでFigma自体をモデルが読める形(legible) にすること

Figmaエージェント vs MCPサーバー

• Figmaエージェント

  • キャンバスで作業するときに使う内蔵型で、デザインシステムに関する追加コンテキストを保有
  • 別途設定やコンテキスト切り替えなしでキャンバス上に常駐

• MCPサーバー

  • コードをキャンバスに取り込む(pull)、またはデザインをコードに戻して書き出す(push)ときに使用
  • use_figma とともにコード-キャンバス間のワークフローを担う

中核となる動作方式

• 同じファイル内でチームとともに動く真の協業者(true collaborator) としてキャンバスのそばで機能
• Figmaファイル編集向けにファインチューニングされ、デザインコンテキストに合った出力を生成し、直接操作できるよう設計されているため、ユーザーが主導権を維持できる
• MCPサーバーと異なりキャンバス上に直接常駐するため、別途設定やコンテキスト切り替えが不要
  • どのデザインレイヤーからでもプロンプトを開始可能
  • 複数のアイデアを同時に広げられる並列プロンプト(parallel prompting) をサポート
  • エージェントが作業している間も、ユーザーは同時に編集や反復作業が可能

より多くの方向性を探索 (Explore more directions)

• 最良のデザインは最初のアイデアや最初のプロンプトから生まれるとは限らず、方向性の探索、アプローチの比較、反復こそがデザインの核心

• 幅広く探る (Go wide)

  • 同じ問題に対して異なるスタイルのアプローチをすばやく生成
  • ビジネス目標ごとに最適化された複数のチェックアウトフローを比較
  • 3つの異なる情報アーキテクチャをリクエスト可能

• 深く掘る (Go deep)

  • 1つの方向を選んで反復し、実装を比較し、既存デザインを見直しつつ、デザインシステムとの整合性を維持
  • 最も頻繁に、また最近使ったコンポーネントを出発点として活用
  • 特定のライブラリを選択し、@メンションでトークン/変数/コンポーネントを指定して出力の方向を制御可能 — デザインシステムのショートカットのような概念

• Figma Makeとの連携

  • Figma Designでエージェントによりデザインレイヤーを生成してフロー・状態・コピー・構造の意図を明確化 → Makeに送ってコードレイヤーを生成 → 再びFigma Designに埋め込む
  • またはFigma Makeで開始 → フレームをFigma Designにコピー → エージェントで反復 → 再びMakeへ送信
• AIによるデザイン生成が容易になるほど、平凡な成果物をリリースするリスクが高まり、エージェントはより多くの方向性を探索して正しいものを選べるよう設計されている
• 方向性が定まれば、手で直接作業したほうがしばしば速く自然で、トークン効率(token efficient) でもある

雑務の自動化 (Automate busywork)

• エージェントがキャンバス上でともに動作することで、AIアシストと直接操作の間を自由に切り替えられる
• コンテキストと精密さが必要な退屈な作業を自動化
  • 一貫性のための変数名の一括変更
  • 複数画面にまたがる同一コンポーネントの置換
  • フロー全体に対するパディング変更の反復適用
  • 多数のフレームに現実的なコンテンツを投入

• 具体的な活用例

  • ファイル全体のタイポグラフィ更新
  • グリッド全体のlorem ipsumコピーと画像の差し替え
  • すべてのchipコンポーネントをactive状態に設定
  • 手動でfillやコントラストを調整しなくても画面をダークモード化

• デザインシステム運用担当者に特に有用

  • ライブラリ全体の説明、タグ、使用例を一括更新
  • 命名規則の標準化
  • すべての状態とバリエーションを含むコンポーネントの文書化
  • チームの作業例を共有して品質ガイドを提示

• Figma MCPサーバーとのハンドオフ

  • コードとFigma間の作業が忠実性を失わずに移動
  • コードから開始 → code-to-canvas機能でFigmaに取り込んで反復したりデザインシステムを適用したり → MCPサーバーへ再送し、すべての同期を維持

フィードバック活用の強化 (Do more with feedback)

• デザイン作業には、クリティークノート、ステークホルダーの反応、未解決の質問など、コメントやファイル全体に散在するフィードバックが蓄積される
• チーム全体が同じファイルで作業するため、エージェントはすでにコンテキストを持っており、新しい協業者にブリーフィングするのではなく、すでに同じ部屋にいる相手と考えを整理する感覚に近い

• 活用方法

  • フィードバックの要約、テーマの特定、入力を次のステップへ変換
  • さまざまな観点からデザインをプレッシャーテスト — 売上重視のVPの反応をモデル化可能
  • 長いコメントスレッドを実行可能な計画に整理
  • クリティーク(crit)の前に考えを整理して方向性を磨く

今後のロードマップと提供条件

• 今後数カ月にわたり、デザインシステム支援の改善、UX改善、ファイル全体の検索機能拡張、カスタマイズ方法の追加に注力予定

• ベータ版の提供条件

  • 今後数週間にわたって段階的にベータ展開
  • ベータ期間中はクレジット消費なし、一般提供(GA)時にAIクレジットを適用
  • ウェイトリストに登録可能だが、登録してもアクセスが保証されるわけではない

• 利用可能なプラン

  • Professional、Organization、EnterpriseプランのFull seatユーザーが対象
  • CollabおよびDev seatはdraftsでエージェントを利用可能
  • Starter、Education、Governmentプランは対象外