Figma MCP Server

Figma MCP Server

site icon
2025.03.28 0
Figma 插件开发多人协作开发效率
Figma MCP Server 是一个轻量级的本地服务器,用于开发和测试 Figma 的 MCP(Model Context Protocol)功能。它使用官方的 `figma-developer-mcp` 包来支持 Figma 插件中的多人协作功能。该服务器适用于开发者和测试人员,用于本地开发和调试 Figma 插件中的 MCP 功能。
View on GitHub

Overview

基本能力

产品定位

Figma MCP Server 是一个用于本地开发和测试 Figma MCP 功能的轻量级服务器。

核心功能

  • 提供本地服务器环境,支持 Figma MCP 功能的开发和测试。
  • 使用 figma-developer-mcp 包,支持多人协作功能。
  • 支持通过 Figma API 访问布局信息。

适用场景

  • 开发 Figma 插件中的 MCP 功能。
  • 本地测试多人协作功能。
  • 调试 Figma 插件与 MCP 的交互。

工具列表

  • figma-developer-mcp:用于与 Figma API 交互,支持 MCP 功能。

常见问题解答

  • 如何获取 Figma API Key? 从 Figma 的文件浏览器中,点击左上角的账户菜单,选择 Settings,然后在 Security 标签下生成个人访问令牌。
  • 服务器启动失败怎么办? 确保已正确安装 Node.js 和依赖项,并检查 .env 文件中的配置是否正确。

使用教程

使用依赖

  • Node.js (v14 或更高版本)
  • npm 或 Yarn

安装教程

  1. 克隆仓库: bash git clone https://github.com/dv-ecoloop/figma-mcp-server.git cd figma-mcp-server
  2. 安装依赖: bash npm install # 或 yarn install
  3. 配置环境变量:
  4. 复制 .env.example.env
  5. .env 文件中添加 Figma API Key

调试方式

启动开发服务器:

npm run dev
# 或
yarn dev

服务器将在 .env 文件中指定的端口(默认 3333)上启动。

许可证

该项目遵循 MIT 开源许可条款。