figma-mcp-server

figma-mcp-server

site icon
2025.05.06 0
JavaScript实时协作多用户交互交流协作
Figma-MCP-Server 是一个基于多光标协议(Multi-Cursor Protocol, MCP)的轻量级标准化服务,由 Figma 开发,用于在协作应用中管理多个用户的实时光标位置。该协议定义了客户端如何连接、广播光标位置以及断开连接,使得在共享空间中实现带有元数据(如颜色、名称或指针样式)的实时光标变得简单。
View on GitHub

Overview

基本能力

产品定位

Figma-MCP-Server 主要用于协作应用中的实时光标共享,适用于需要多用户实时交互的场景。

核心功能

  • 会话管理:通过唯一的 Session ID 标识每个连接的客户端。
  • 光标位置广播:支持 { x, y } 坐标形式的光标位置共享。
  • 元数据支持:可选的元数据如用户名、颜色或头像。
  • 房间功能:通过逻辑分组(Rooms)限制用户可见性(可选)。

适用场景

  • 协作编辑器(如代码编辑器、设计工具)。
  • 实时白板应用。
  • 多用户设计工具。

工具列表

  • Bun:用于安装依赖的现代 JavaScript 运行时。
  • WebSocket:用于实时多用户光标共享的通信协议。

常见问题解答

  • 如何确保服务器可访问? 确保客户端可以通过 ws://wss:// 访问服务器。

使用教程

使用依赖

  • 安装 Bun(JavaScript 运行时): bash bun install

安装教程

  • 启动 WebSocket 服务器: bash bun socket

调试方式

  • 确保服务器正常运行后,客户端可以通过 WebSocket 连接到服务器进行调试。

许可证

该项目遵循 MIT 开源许可条款,请参阅 MIT 了解完整条款。