こもりまさあきさんの動画コンテンツ「生成AI × Figma MCP」の抜粋版＋ライブ版として開催。
Figmaの「MCPサーバ」が正式に公開されました。
MCP（Model Context Protocol）は、生成AIが外部のアプリケーションやデータソースと安全かつ柔軟に連携するための共通プロトコルです。
従来、AIはFigmaのデザインカンプをそのままでは構造的に理解しにくく、意図を正確に再現することが難しいという課題がありました。
MCPを介することで、AIエージェントはFigmaファイルのレイヤー構造やプロパティ、コンポーネント情報などに直接アクセスでき、コンテキストを保持したまま自律的な処理を実行できます。
もっとも、MCPを導入すれば自動的にすべてが最適化されるわけではありません。
本記事では、AIが正しく解釈できるFigmaファイル構成のベストプラクティスと、MCP経由でのAIコーディングのデモンストレーションを紹介します。
内容
- 生成AIとMCP、AIエージェント
- Figma Make、Figma Sitesとの違い
- エディタへのMCPサーバの追加と確認
- 良い結果を生むFigmaファイルの作り方
- 良い結果を生むプロンプトとガイドライン
- 実演
