Figma AI 統合と製品の進化

デジタルデザインにおけるプラットフォームシフトとしての AI

Figma は AI を単なる機能の集合としてではなく、デジタル製品の作り方を再定義するプラットフォームシフトとして統合しています。AI がテキスト編集、画像生成、レイヤーの自動リネームといった日常的な作業を処理する一方で、デザインの本質的価値は依然として人間のクラフト、共感、問題解決に中心を置いています。

Figma Make: プロンプトからアプリへの機能

Figma Make は、言語、画像、または構造化フレームからプロダクションレベルのコードを生成できるプロンプト‑to‑app ツールです。このツールはデザイナー、プロダクトマネージャー、エンジニア、マーケターの技術的ハードルを取り除き、深い技術知識がなくてもアイデアをプロトタイプ化し表現できるようにします。

クリエイティブ層の拡張

Figma は AI の能力をビジュアルに留まらず、言語とコードにも拡張しました。主な追加機能は次のとおりです。

  • Code Composer: プラットフォーム内で AI 補助コードを記述・公開できるツール。
  • Code Layers: AI が生成したコードを編集・洗練し、最終製品に対する正確なコントロールを維持できる統合機能。

デザイナーと開発者の協業強化

AI はデザインモックとプロダクションレディなコードの間のギャップを埋め、ハンドオフ時の摩擦を減らすために活用されています。

Dev Mode と MCP サーバー

Dev Mode は CSS やトークンといった構造化データを提供し、ハンドオフを効率化します。Model Context Protocol(MCP)サーバーはさらに一歩進んで、開発者がモックをフルコンテキストで解釈し、プロダクションレディなコードに変換するコーディングエージェントを呼び出せるようにし、手動のコピーペーストを不要にします。

ハンドオフとしてのプロトタイピング

Figma Make がインタラクションを正確にプロンプトできるため、生成されたコードはエンジニアがそのままプロダクションにコピーできるハンドオフ成果物となりつつあり、プロトタイプから最終製品への移行を加速させます。

プロフェッショナルデザイナーの進化

アイデア創出や基本レイアウト実装のコストが下がるにつれ、プロフェッショナルデザイナーの役割は「実装者」から「問題解決者」や「ビジョンキャリア」へとシフトしています。

  • Focus on Craft: AI が「雑務」を処理することで、デザイナーはアニメーション、インタラクション、全体的なユーザー体験により深く注力できます。
  • Lowering the Barrier to Entry: AI により非技術者でも機能的なツールを構築可能です。例として、Figma の HR チームは Figma Make を使い、事前のコーディングやデザイン経験なしで Workday API を活用したオンボーディングゲームを作成しました。
  • Multiplayer AI: Figma は同一ファイル内で複数ユーザーがリアルタイムに AI アシスタントと共同創作できるコラボレーティブ AI 体験へと向かっています。

社内 AI リテラシーと組織的採用

Figma は「ドッグフーディング」および草の根的実験の戦略を用いて、全従業員の AI リテラシーを高めています。

社内イニシアチブ

  • The Great Figma Bake Off: Figma Make を使ってプロジェクトを構築し、AI に関心のある社員の自信を高める全社的コンペティション。
  • Maker Weeks: 全スタッフが参加できる1週間のハッカソンで、動画、ヘルプドキュメント、Slack 統合 GPT の実験を促進。
  • ChatGPT Enterprise: 組織全体に展開し、ピッチの洗練やコミュニケーション草稿作成のための安全でプライバシーに配慮した環境を提供。

採用に対する文化的アプローチ

Figma は命令的な方針ではなく、実験文化に重点を置いています。具体的には、データガードレールを備えた「コンプライアンス・ファストパス」を作成し、チームが新しい AI ツールを最小限の摩擦でテストできるようにし、実際の価値を発見できるようにしています。

Sources