FigmaがAIエージェントによるデザインキャンバス活用の新機能を発表

Figmaが提供開始したAIエージェントによるデザイン革新

Figma, Inc.は、最新の機能を発表し、AIエージェントが直接デザインキャンバス上で作業できるようになりました。この新機能は、Figma MCPサーバーを介して実装されており、デザインチームが培ってきたデザインシステムを基盤にした作業が可能です。

デザインのプロセスに革命をもたらす

Figmaのカントリーマネージャー、川延浩彰氏は、現在のプロダクト開発が大きな転換点を迎えていると述べています。AIエージェントを活用することで、開発の各工程が加速し、より多くの人々がプロダクトに携わることができると期待されています。AIエージェントがデザインシステムに統合されることで、ブランドの基準がより忠実に反映される成果が上がります。

Seamless Workflowの実現

新しく導入された「use_figma」ツールにより、デザインチームと開発チームは、エージェントと共に効果的なコミュニケーションを図ることができます。これにより、命名規則やコンポーネント構造が一貫して適用されるようになります。このように、エージェントの開発がデザインチームの既存の知見によって直接弾かれていくのです。

カスタマイズが可能な「Skills」機能

新機能「Skills」を活用すれば、AIエージェントの動作を自在にカスタマイズできます。Skillsは、エージェントがどのようにデザインキャンバスを操作するかを指示するマークダウン形式のセットです。これにより、各社の特性に合わせた、耐久性の高いデザインを生成することが可能になります。

より高い品質と効率の確保

CodexのデザインリードであるEd Bayes氏は、Figmaを通じてプロダクトの再考が行われてきたと強調しています。これにより、Codexは重要なデザインのコンテキストにアクセスし、より高品質のプロダクトを効率的に開発できるようになったと言います。

Skillsの活用事例

Skillsには、特定のコマンドが用意されており、それを用いることで様々な業務が効率化されます。以下はその例です：

- `/figma-generate-library`: 新しいコンポーネントを作成
- `/figma-generate-design`: 既存のデザインを元に新規デザインを作成
- `/create-voice`: UI specsからスクリーンリーダー仕様を生成
- `/sync-figma-token`: デザイントークンの同期

これらのコマンドにより、AIエージェントの出力の質が向上し、設定した基準を守ったデザインが可能になります。

実用開始と今後の展望

Figmaは、この機能を有料APIとして提供しますが、ベータ期間中は無料で利用できるのが特徴です。また、今後もSkillsの追加が予定されています。

Figmaは2012年に設立以来、チームがアイデアをデジタルプロダクトへと変革するためのサポートを行ってきました。新たに実装された機能により、チームのコラボレーションがよりスムーズに進み、効率的なデザインプロセスが実現されることが期待されています。今後の展開に注目です。