構築するすべての場所でデザインの文脈を

AIによって、アイデアを動作するコードに変換することがこれまで以上に簡単になりました。しかし、最高の結果を得るためには、ただ構造化されたプロンプトがあるだけでは不十分です。今日は、FigmaのMCPサーバーとCode Connectのアップデートを発表します。これにより、Figma Designコンテキストを、あなたのIDE、AIエージェント、またはプロトタイプなど、どこでも作業場所に持ち込むことが可能になります。

これらのアップデートは、デザインシステムの構造、コードベースの記述、およびチームが製品を構築する方法に関するデザインコンテキストをより移植性が高く、強力にし、アイデアから製品への移行をよりスムーズにします。そのコンテキストはしばしば何年もの協力の結果を表しており、Figmaキャンバス内外のどちらでもアクセス可能であるべきです。

Figma MCPサーバーへのリモートアクセスの提供

今年初めに、私たちはローカルMCPサーバーをDev Modeで導入し、開発者がエディター内にライブDesignコンテキストを取り込む方法を提供しました。AffirmやCoinbaseといった企業のチームは、すでにそれを使用して、かなり短時間で複雑なユーザーフローを構築しています。

現在、Figma MCPサーバーはリモートアクセスをサポートしています。これは、IDE、AIコーディングエージェント、またはブラウザベースのモデルからFigmaに接続できることを意味します。Figmaでは、Figma Designは静的な画像以上のものになり得ます。Figma Designはレスポンシブレイアウト、インタラクションの詳細、そして場合によっては完全なビジュアルプログラムをエンコードします。お客様は、Android Studio、Replit、Warpなどの新しいパートナーにこのFigmaのコンテキストを伝えることができます。ワークフローにデザインコンテキストを取り込むために、もはやデスクトップアプリは必要ありません。Figmaはチームをより身近にするためにブラウザから始まり、このアップデートはその使命を拡張します。

私たちのパートナーカタログを使ってFigmaをワークフローに接続することも簡単になりました。リストから好みのIDEまたはエージェントを見つけ、Figma MCPサーバーに統合してください。または、クライアント内から統合してください。Figmaファイルから構築するすべての開発者が中断のない強力な体験を持つことを望んでいます。最近のツール追加のように、デザインシステムのルールを作成する機能を備え、ベータ版の期間中およびそれ以降に私たちのMCPサーバーにさらなる機能とパートナーを追加し続けます。

Figma MakeへのMCPの拡張

製品のアイデアを迅速に構築し探求するためにFigma Makeを使用しているチーム向けに、Figma MCPサーバーはMakeとコードベースの間の橋を作成するようになりました。MCPクライアントを介してFigma Makeファイルを使用することで、AIモデルはレンダリングされたプロトタイプや画像の代わりに基礎となるコードを見ることができます。

これを行う方法は簡単です。Figma MCPサーバーはMakeファイル内のコードをインデックスし、必要なものを正確にリクエストできるようにします。開発者やAIエージェントは、指定されたファイルからコードを直接再利用したり、ロジック、デザイン、パターンを参考にしてインスピレーションを得たりすることができます。

私たちは、Anthropic、カーソル、Windsurf、VS Codeのようなパートナーと協力して、この体験を彼らの製品で今日から利用できるようにしました。そして、私たちはすでに次の主要なアップデートに取り組んでおり、Figma MakeにパートナーのMCPサーバーを接続することを予定しています。

Code Connectにおけるコンポーネントマッピングの改善

Code Connect はコードベースのコンポーネントとFigma Designのコンポーネントを一致させるために作られました。これらの関係を定義することにより、Code Connectは人間とAIエージェントの両方が製品をより速く構築できるようにします。それは、どこであれデザインシステムを統一するという私たちの使命への一歩です。

これまで、そのマッピングにはターミナルからの手動設定が必要でした。Code Connectの新しいアプリ内マッピング体験では、Figma内のコンポーネントを参照し、それらを適切なコードとファイルにマップし、リンクされているか欠落しているかを簡単に確認できます。これは、開発者がほとんどのフレームワークに対して定義されたプロップやバリアントのマッピングを用いて、Dev Modeに生産準備の整ったスニペットを持ち込むのを支援するCode Connect CLIを補完します。多くのチームが両方を採用しています。

Code Connectを使用する顧客は、Designコンテキスト以上のことをMCPサーバーを通じて伝えることができるようになります。コードコンポーネントの位置や使用状況にもアクセスできます。Figma MCPサーバーは、それ自体でAIエージェントにリッチなデザインコンテキストを提供します。Code Connectと共に使用することで、生産意識ももたらされます。社内評価とアルファテストでの初期テストでは、AIエージェントが両方を使用することで、より一貫したコード出力、ファイルナビゲーションの高速化、トークン効率の向上が見られました。開発者やチームは、これらのカテゴリー全て、そしてそれ以上の改善をベータ版で実感できるでしょう。

統合レビューとレート制限

Figmaをすでに使用しているツールとコネクションする方法を開くとともに、そのコネクションを信頼性のあるものにする基盤も強化しています。拡張性は、顧客と開発者が構築しているプラットフォームを信頼したときに最も効果的です。

今後、すべての公開サードパーティ統合およびMCPクライアントは、データにアクセスする前にFigmaによってレビューされます。これにより、新しいアプリやワークフローを導入する誰にとっても自信のレイヤーが加わり、プラグインやウィジェットをレビューする方法と一致しています。我々のREST APIのレート制限は、アプリビルダーとユーザーのためにより予測可能な体験を提供するように調整されます。これらの変更は11月17日に発効し、Figmaのアクティブユーザーの1%未満に影響を与えます。

今後に向けて

リモートMCPサーバー、Figma MCPでのMakeファイルのサポート、およびアプリ内のコード接続体験は、より広いビジョンへの最初のステップです。ツール間でコンテキストが自由に移動することを望んでいます。それにより、探求が生産機能に進化し、無駄な書き直しや修正を避けることができます。

今日、FigmaのMCPサーバーはデザインとコードのコンテキストを他のツールに伝達しています。時間が経つにつれて、それは双方向のコネクターとなり、外部のコンテキストをFigmaに引き込むようになります。それは、より現実的なプロトタイプ、再構築の削減、そして実際の問題解決と目立つ製品構築に費やす時間が増えることを意味します。

デザインアーティファクトは単なる参照ではありません。それらは、ビジネスとユーザーエクスペリエンスをシェイプする積極的な入力です。デザインシステムであれ、インタラクティブプロトタイプであれ、注釈付きモックアップであれ、生成されたコードであれ、それぞれにはチームがより正確かつ迅速に構築するために使用できる知識が含まれています。

これらの機能は今日からベータ版で提供されています。一般提供に向けて、これらをさらに洗練し改善を続けています。Figma が作るすべての場所で何を構築できるか、想像してみてください。