Figma Mcp Server について
Figma Mcp Serverは、共同作業アプリでユーザー間のカーソル状態を共有するWebSocketサーバーです。カーソル座標、セッションID、任意のメタデータ、ルームに対応します。
主な機能
- 01WebSocketによるカーソル共有
- 02クライアントごとのセッションID
- 03カーソル座標
- 04名前・色・アバターの任意メタデータ
- 05任意のルーム
活用シーン
- 01共同編集エディターでライブカーソルを表示
- 02ホワイトボードでポインター状態を共有
- 03デザインツールでカーソルの表示範囲を調整
MCP 対応
このプロジェクトは、リアルタイムのカーソル状態共有にFigmaのMulti-Cursor Protocol(MCP)を使用します。Model Context Protocolサーバーとは説明されていません。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
📡 MCP(Multi-Cursor Protocol)について
Multi-Cursor Protocol(MCP)は、共同作業アプリケーションで複数のユーザーのリアルタイムなカーソル表示を管理するために、Figmaが開発した軽量で標準化されたプロトコルです。
MCPは、共有スペースでクライアントが接続し、カーソル位置をブロードキャストして切断する方法を定義します。これにより、色、名前、ポインタースタイルなどのメタデータを備えたライブカーソルを簡単に実装できます。
🔧 主な概念
- セッション ID:接続中の各クライアントを一意に識別します
- カーソル位置:ユーザーのポインターの座標
{ x, y } - メタデータ:ユーザー名、色、アバターなどの任意の情報
- ルーム:ユーザーの表示範囲を限定する論理グループ(任意)
MCPはシンプルで拡張性が高く、共同編集エディター、ホワイトボード、デザインツールなどのリアルタイム環境で高いパフォーマンスを発揮するよう設計されています。
⚙️ インストール
- bun install
高速で最新のJavaScriptランタイムであるBunを使用して、すべての依存関係をインストールします。
🚀 サーバーの実行
- bun socket
複数ユーザー間でカーソルをリアルタイムに共有するためのWebSocketサーバーを起動します。
環境に応じて、クライアントから ws:// または wss:// 経由でサーバーにアクセスできることを確認してください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。