Figma MCP Server

Figma MCP Server 是将 Figma 设计平台能力带给 AI 助手的 Model Context Protocol 服务器。AI 可以查询设计文件、提取设计规范、分析组件库、获取设计令牌，打通设计与开发之间的壁垒，实现设计到代码的智能化转换，是设计系统管理和前端开发的重要工具。

核心功能

• 文件查询：查询 Figma 文件和页面结构
• 组件库管理：浏览和查询组件库、组件实例
• 设计规范提取：提取颜色、字体、间距等设计令牌
• 设计稿分析：分析图层结构、样式属性
• 样式系统：查询和管理设计样式系统
• 变量访问：访问 Figma Variables 设计变量
• 评论功能：读取和添加设计评论
• 版本历史：查询文件版本和变更

适用场景

• 设计到代码的智能转换
• 设计规范自动提取和文档化
• 组件库智能搜索和使用建议
• 设计审查和一致性检查
• UI 设计模式分析和总结
• 设计系统管理和维护

安装使用

使用 npx 安装运行：

npx -y figma-mcp-server

配置示例：

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "figma-mcp-server"],
      "env": {
        "FIGMA_API_KEY": "<YOUR_FIGMA_PERSONAL_ACCESS_TOKEN>"
      }
    }
  }
}

需要在 Figma 账户设置中生成 Personal Access Token。