Figma MCP Server - MCP服务，MCP服务器，MCP教程

基本能力

产品定位

Figma MCP Server 是一个专门用于与 Figma 设计文件交互的服务，支持读取和写入设计信息，适用于设计自动化、AI辅助设计等场景。

核心功能

• 只读模式：通过 URL 链接提取 Figma 文件中的设计信息，包括文件信息、节点详情、样式、资源等。
• 写入模式：通过 Figma 插件连接创建或更新设计，支持创建框架、形状、文本、组件等。
• 全面的 API：提供统一的 API 访问 Figma 的多种功能。
• 测试支持：包括单元测试和集成测试，验证服务器功能和设计流程。

适用场景

• 设计自动化：自动提取或更新 Figma 设计文件。
• AI辅助设计：AI 工具通过该服务与 Figma 交互，实现设计生成或修改。
• 设计协作：团队协作中自动化处理设计文件。

工具列表

• Figma REST API Client：用于只读模式下与 Figma API 交互。
• WebSocket Server for Plugin Communication：用于写入模式下与 Figma 插件通信。
• Design Creation Utilities：提供设计创建和更新的实用工具。

常见问题解答

• 如何获取 Figma 访问令牌？：需要在 Figma 账户中生成并配置到环境变量中。
• 如何测试插件连接？：运行 npm run test:plugin-connection-js 可以测试插件连接。

使用教程

使用依赖

• Node.js 18 或更高版本
• Figma 账户和访问令牌
• Figma MCP 插件（用于写入模式）

安装教程

1. 克隆仓库：
   bash
git clone https://github.com/your-username/figma-server.git
cd figma-server
2. 安装依赖：
   bash
npm install
3. 构建服务器：
   bash
npm run build

调试方式

1. 启动服务器：
   bash
npm start
2. 开发模式：
   bash
npm run dev
3. 运行测试：
   bash
npm test
npm run test:integration
npm run test:all