当我们给截图给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使用文案:

# figma
Logo
AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐

cover

开源鸿蒙跨平台直播｜napigen 开源鸿蒙跨端实践：打通 Flutter 与 ArkTS

avatar AtomGit开源社区
cover

玩转 AtomCode！AtomGit「码动四季・开源同行」夏季征稿获奖名单出炉！

avatar AtomGit开源社区
cover

榜单出炉！AtomGit「源启盛夏」暑期开源成长计划正式收官

avatar AtomGit开源社区