接入Figma Mcp

什么是 MCP

MCP (Model Context Protocol) 是由 Anthropic 开发的一种开放协议。
通俗理解：它像是一个“通用插座”。以前 AI 助手（如 Cascade）只能通过开发者写死的代码来连接工具；有了 MCP，任何第三方（如 Figma、Google Drive、GitHub）只要按照这个标准做一个“转换器”，Cascade 就可以直接连接并使用它们的功能。
作用：它让 AI 能够实时获取你设计稿里的坐标、颜色、图片、甚至直接生成还原代码，而不仅仅是看一张截图。

Windsurf 接入 Figma Mcp

搜 Figma Mcp Server 找到合适的mcp，有官方的用官方的，没有官方找star多的正规mcp，复制指令
配置

1. 打开配置文件，粘贴mcp指令
2. 打开 https://www.figma.com/ 网站，登录，点击个人头像 settting -> Security -> Generate new token
3. 复制token到配置文件里
4. 打开具体项目，选中切图，windsurf ai就能自主通过 figma mcp 连接访问界面，完成页面结构获取及搭建