Figma 设计数据生成工具

Figma 设计数据生成工具

实验性 AI 工具,用于生成 Figma 的设计令牌和 CSS 属性。

快速入门

  1. 安装并运行服务: 使用以下命令快速启动服务器:

    npx figma-developer-mcp --figma-api-key=

  2. 配置 Figma API 密钥: 在 .env 文件中设置 FIGMA_API_KEY 或通过命令行参数提供。

  3. 启动后默认监听端口 3333。确认服务运行正常:

  4. 使用 Cursor 等工具连接该服务:

  5. 示例请求: 获取 Figma 数据: POST http://localhost:3333/messages 请求体: { "tool": "get_figma_data", "params": { "fileKey": "your-file-key", "nodeId": "your-node-id" } }

  6. 可选功能:

    • 提取详细 CSS 属性。
    • 生成设计令牌,支持多种格式(CSS/SCSS/JSON/TypeScript)。