FigmaはMCP(モデルコンテキストプロトコル)サーバーの拡張を発表しました。これにより、AIエージェントと開発者はデスクトップだけでなく、ブラウザやローカルIDEでもデザインコンテキストにアクセスできるようになります。このアップデートはリモートアクセスを重視し、Figma Makeとの統合を強化しました。AIエージェントはMakeによって生成されたプロトタイプコードやデザインデータに直接アクセスできるため、より正確なアプリの生成や修正が可能になります。公式発表ではさらに、「デザインスナップショットから編集可能なレイヤーへ」ワークフローも紹介され、会話内からコンポーネント、変数、レイアウト情報を取得し、それに基づいてコードを生成することが容易になりました。
Figmaは、全く新しいCode Connect UI(ベータ版)もリリースしました。これにより、組織や企業内のコードリポジトリをFigmaコンポーネントにワンクリックでマッピングできるようになり、設計と実装のギャップが縮小されます。MCPサーバーのガイドと開発モードの統合が現在利用可能であり、VS Code、Cursor、WindsurfなどのMCPクライアントからツールに直接アクセスし、ファイル構造やスタイル変数をリモートで抽出し、ビルドタスクを実行できます。
よくある質問
Q: MCP サーバーの主な機能強化は何ですか?
A: 新しいリモート アクセス シナリオ、Figma Make のコード/デザイン コンテキストとの接続、IDE でデザイン データを直接呼び出すためのサポート。
Q: Code Connect UI の目的は何ですか?
A: Org/Enterprise シートでは、GitHub コードを Figma コンポーネントにマッピングして、ジェネレーターが実際のコンポーネント制約に基づいてコードを生成できるようにします。
Q: どのツール/エディターがサポートされていますか?
A: 公式の例とレポートには、VS Code、Cursor、Windsurf などの MCP 互換クライアントが記載されています。
Q: MCP サーバーは誰に適していますか?
A: 特にプロトタイプを作成してコードを実装するシナリオにおいて、「設計を理解し、コンポーネント システムに従ってコードを生成する」 AI エージェントを必要とするチーム。
Q: 公式ドキュメントはありますか?
A: Figma は、アクセス手順や権限の説明を含む、開発モード MCP サーバー ガイドとリソース ライブラリ エントリを提供します。