Figmaにおける生成プラグインとシェーダーの開発舞台裏

概要

Figmaは生成AIエージェントによるカスタムツール作成機能を強化し、コミュニティ共有、インタラクティブなシェーダー、MCPを通じたコード連携を実現しました。

詳細内容

FigmaのプロダクトデザイナーRogie King氏が、生成AIを活用した「生成プラグイン」と「シェーダー」の最新アップデートと、その開発プロセスを解説しています。主なアップデートとして、作成したプラグインやシェーダーのコミュニティ・組織内での共有機能、マウス操作や時間経過に反応するアニメーション・インタラクティブシェーダー、そして生成されたコードの閲覧・編集機能が追加されました。特に注目すべきはModel Context Protocol (MCP) の活用で、デザインの意思決定を外部エージェントに伝えたり、シェーダーをReactコードとして正確に書き出したりすることが可能になっています。開発面では「バイブコーディング（Vibe coding）」と呼ばれるプロトタイピング手法が採用され、デザイナーが直接WebGPU環境で実用的なプロトタイプを構築。AIエージェントが直感的にUIを構成できる「PropsKit」の開発などを通じて、デザインとエンジニアリングの摩擦を最小化する新しいワークフローが示されています。

元記事を読む他のサマリーを見る