Skip to content

Figma远程MCP #19

@Daotin

Description

@Daotin

以Cursor为例:

1、添加mcp:

{
  "mcpServers": {
    "figmaRemoteMcp": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

2、回到设置页面你就会看到多了一个 Figam 的 MCP,右边还有个“Connect”按钮,我们点击,系统会询问是不是要打开外部网站,你选择打开就行。

注意:Figma 的远程 MCP 服务需要订阅用户。(可闲鱼解决)

3、页面最下方切换到开发者模式,选中你想要复刻的页面然后右键选择复制所选的链接。

(好像不需要,有Copy link to Selection,待验证...)

Image

4、之后就可以在 Cursor 里面将模型换成 GPT-5 Codex ,然后让 Agent 调用 Figma MCP 查询对应链接的设计信息还原成网页了。

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions