一、Figma MCP 介绍
Figma MCP（Model Context Protocol）是基于Anthropic开放标准协议的Figma服务，通过它，Cursor等AI编程工具能直接读取Figma的组件、布局和样式数据，精准将设计稿转化为高质量前端代码，无需截图即可实现“设计到代码”的无缝转化。
官方文档 developers.figma.com/docs/figma-…
二、cursor安装流程
- 安装 figma 插件
打开 cursor settings > Plugins（cursor上个月才推出的新功能，需更新到新版，version 2.6.* ）
在 marketplace 里搜索 figma 并安装
2. 配置 mcp 服务
点击 Figma MCP server deep link，会在cursor 打开 MCP配置
该链接点击跳转可能会被juejin拦截，可以复制下面内容直接在浏览器标签页打开：
cursor://anysphere.cursor-deeplink/mcp/install?name=Figma&config=eyJ1cmwiOiJodHRwczovL21jcC5maWdtYS5jb20vbWNwIn0%3D
点击
Install 安装
点击Connect，会跳转figma授权页，需要进行登录
登录完成会进入授权页
点击 Agree同意，安装完全
三、使用
-
复制figma链接。当figma文件有很多设计页面时，可选中某一个模块输出连接，右键点击模块 > Copy/Paste as >
Copy link to selection -
点击Plugins的figma插件的
Try in Chat，AI Agent聊天窗会介绍figma MCP，以及提供 figma链接可以生成代码 -
也可在新建的AI Agent聊天窗直接发送figma链接即可：
