Cursor接入Figma并使用的图文教程

当我们给截图给Cursor, 是做不到很好的ui还原度的, 这时候就需要让Cursor亲自访问Figma的内容

本文是打通Cursor访问到Figma的教程, 和使用教程

1.1. Figma申请访问钥匙

步骤: 点击头像>设置>安全>生成新token

1.2. 填写钥匙名称权限内容

填写完毕后会拿到一串key, 复制起来

1.3. Cursor 配置钥匙

步骤: 设置>搜索栏搜"mcp">选择Tools&MCP>添加用户MCP

{"mcpServers": {"figma-developer-mcp": {"command": "npx","args": ["-y","figma-developer-mcp","--figma-api-key=粘贴你Figma生成的Key","--stdio"]}}
}

最后可以看到如下图显示成功

配置教程到此结束, 以下是使用教程

2.1. Figma复制ui图地址

步骤: 右键ui图>复制>复制连接

2.2. cursor使用文案: