mcpField
F
Figma Mcp Server

Figma Mcp Server

ローカル
github.com/QnoteAITeamメディア・デザイン077 週間前に更新

Figma Mcp Server について

Figma Mcp Serverは、共同作業アプリでユーザー間のカーソル状態を共有するWebSocketサーバーです。カーソル座標、セッションID、任意のメタデータ、ルームに対応します。

主な機能

  1. 01WebSocketによるカーソル共有
  2. 02クライアントごとのセッションID
  3. 03カーソル座標
  4. 04名前・色・アバターの任意メタデータ
  5. 05任意のルーム

活用シーン

  1. 01共同編集エディターでライブカーソルを表示
  2. 02ホワイトボードでポインター状態を共有
  3. 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:// 経由でサーバーにアクセスできることを確認してください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。