Figma MCP Server

基本能力

产品定位

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. 克隆仓库：

git clone https://github.com/your-username/figma-server.git
cd figma-server

1. 安装依赖：

npm install

1. 构建服务器：

npm run build

调试方式

1. 启动服务器：

npm start

1. 开发模式：

npm run dev

1. 运行测试：

npm test
npm run test:integration
npm run test:all

许可证

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