Cursor+MCP+Figma-AI编程黄金组合

Figma白嫖方案: Framelink Figma MCP Server

Figma官网
Framelink Figma MCP Server
Figma设计秒变代码：Cursor神器教程

Figma个人访问令牌(Personal access tokens)

路径：Account--Settings-->Security-->Personal access tokens-->Generate new token

启动figma-developer-mcp服务

### 启动figma-developer-mcp服务
npx figma-developer-mcp --figma-api-key=YOUR-KEY

# 安装Node.js
brew install node

# 查看node版本
node -v

# 查看npm版本
npm -v

Framelink Figma MCP

路径：Cursor-->Settings-->MCP-->New MCP Server

MacOS / Linux
{
  "mcpServers": {
    "Framelink Figma MCP": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

WechatIMG3.jpg

WechatIMG33.jpg