戻るAI情報
FigmaがMCPサーバーをアップデート:どこからでもデザインコンテキストにアクセス、リモートアクセスをサポート、Figma Makeと接続

FigmaがMCPサーバーをアップデート:どこからでもデザインコンテキストにアクセス、リモートアクセスをサポート、Figma Makeと接続

AI情報 Admin 129 回閲覧

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 サーバー ガイドとリソース ライブラリ エントリを提供します。

FigmaMCPServer リモートアクセス FigmaMCPServerのブラウザサポート FigmaMCPServer ローカル IDE 統合 FigmaMCPサーバー設計コンテキスト FigmaMCPServerとFigmaMakeが接続されています FigmaMCPServerはプロトタイプコードを読み取る FigmaMCPServerは設計データを読み取ります FigmaMCPServerデザインのスナップショットをレイヤーに FigmaMCPServerコンポーネント情報のプル FigmaMCPServerの変数とスタイル FigmaMCPServerレイアウト情報取得 FigmaMCPServerはアプリケーションを生成し、修正します FigmaMCPServerAI プロキシアクセス FigmaMCPServer 開発者ツール FigmaMCPServerVSCode サポート FigmaMCPServerCursor サポート FigmaMCPServerWindsurf サポート FigmaMCPServerDevMode ガイド FigmaMCPServerファイル構造の抽出 FigmaMCPServerスタイルの変数抽出 FigmaMCPServerのリモート抽出機能 FigmaMCPServerコード生成タスク FigmaMCPServerの設計からコード作成 FigmaMCPServer ライブコンテキスト FigmaMCPServer の権限とセキュリティ FigmaMCPServer組織シート FigmaMCPServerエンタープライズシート FigmaMCPServer と CodeConnectUI FigmaMCPServerコンポーネントとコードのマッピング FigmaMCPServerGitHub マッピング FigmaMCPServer実コンポーネント制約 FigmaMCPServerはバイアスを軽減します FigmaMCPServerクロスエンドワークフロー FigmaMCPServerブラウザプル FigmaMCPServer ローカル編集 FigmaMCPServerリモートコラボレーション FigmaMCPServer プロキシ生成コード FigmaMCPServerのプロトタイプから実装まで FigmaMCPServerワンクリックマッピング FigmaMCPServerベータ版アップデート FigmaMCPServerツール呼び出し FigmaMCPServerマルチクライアント対応 FigmaMCPServerへのアクセス手順 FigmaMCPServer のベストプラクティス FigmaMCPServerチームが着陸しました FigmaMCPServerプロトタイプ接続の作成 FigmaMCPServerコードの一貫性 FigmaMCPサーバー設計の可視性 FigmaMCPServerワークフローの透明性 FigmaMCPServer公式ドキュメント

おすすめツール

もっと見る