Figma MCP本地服务器

Figma MCP服务器

用于Figma MCP（模型上下文协议）开发的简单本地服务器。

描述

该存储库提供了一个轻量级的服务器实现，用于在本地开发和测试Figma MCP功能。它使用官方 figma-developer-mcp 包，以促进Figma插件中的多人协作功能。

先决条件

• Node.js（v14或更高版本）
• npm或Yarn

设置

1. 克隆存储库：

   复制

   git clone https://github.com/dv-ecoloop/figma-mcp-server.git
   cd figma-mcp-server
   

2. 安装依赖项：

   复制

   npm install
   # or
   yarn install
   

3. 配置环境变量：

   • 复制 .env.example 向 .env
   • 将您的Figma API密钥添加到 .env 文件

创建Figma API密钥

为Figma生成个人访问令牌：

1. 在Figma的文件浏览器中，单击左上角的帐户菜单并选择 设置
2. 选择 安全 标签
3. 滚动到 个人访问令牌 部分，然后单击 生成新令牌
4. 输入新令牌的名称，然后按Return/Enter
5. 复制生成的令牌

备注：令牌仅在生成后立即显示。如果你离开页面，你将无法复制令牌，必须生成一个新的令牌。

有关更多详细信息，请参阅 Figma关于管理个人访问令牌的文档.

用法

启动开发服务器：

npm run dev
# or
yarn dev

服务器将在您的 .env 文件（默认值：3333）。

配置

• FIGMA_API_KEY：您的Figma API密钥（必需）
• PORT：服务器将运行的端口（默认值：3333）

实现细节

该项目是使用 Figma上下文MCP 库，它提供了通过模型上下文协议与Figma的API接口的工具。这允许像Cursor这样的AI编码代理访问Figma布局信息。

许可证

麻省理工学院