Figma 设计数据生成工具
实验性 AI 工具,用于生成 Figma 的设计令牌和 CSS 属性。
快速入门
-
安装并运行服务: 使用以下命令快速启动服务器:
npx figma-developer-mcp --figma-api-key=
-
配置 Figma API 密钥: 在
.env
文件中设置FIGMA_API_KEY
或通过命令行参数提供。 -
启动后默认监听端口 3333。确认服务运行正常:
- HTTP 接口地址:http://localhost:3333/messages
- SSE 接口地址:http://localhost:3333/sse
-
使用 Cursor 等工具连接该服务:
- 在 Cursor 设置中配置 MCP 服务地址为 http://localhost:3333。
-
示例请求: 获取 Figma 数据: POST http://localhost:3333/messages 请求体: { "tool": "get_figma_data", "params": { "fileKey": "your-file-key", "nodeId": "your-node-id" } }
-
可选功能:
- 提取详细 CSS 属性。
- 生成设计令牌,支持多种格式(CSS/SCSS/JSON/TypeScript)。