目前讲 Cursor 配 Figma MCP 的文章不少，我这次换成 VS Code 和 GitHub Copilot，目标很直接：把设计稿读进来，再让 AI 按图出微信小程序代码。
Step 1：先让 Copilot 把 MCP 配好
在 VS Code 里打开项目，我这里用的是一个微信小程序。呼出 GitHub Copilot 对话框，模式切到 Agent，模型选 Claude 3.7 Sonnet，然后直接问：
https://github.com/GLips/Figma-Context-MCP 如何配置能让你在 vscode 里使用这个 mcp
接下来基本就是跟着它的提示走。需要装插件就让它装，配置文件也会顺手帮你建出来，甚至还会补一份说明文档。这个流程省事，适合不想自己翻仓库摸索的人。
我这边最终生成的是在项目根目录下多了一个 .vscode 文件夹，并在 settings.json 里写入了 MCP 配置。如果项目里原本就有这个文件，通常会直接往后追加。
{"mcpServers":{"Framelink Figma MCP":{"command":"cmd","args":["/c","npx","-y","figma-developer-mcp","--figma-api-key=这里稍后替换成你自己的密钥","--stdio"]}}}
Step 2：把 Figma 密钥换成自己的
去 Figma 网页端，点左上角头像，进 settings → Security → Generate new token。
路径可能会挪位置，界面改版也正常，核心就是找到 Generate new token。点进去后会弹一个权限选择窗口，给这个 token 起个名字，比如 mcp，然后把需要的权限勾上。默认全是 No access，不勾权限基本没法用。
这个 token 默认 30 天过期，到期后要重新生成。还有一点要记住：它只会显示一次，关掉窗口就看不到了，复制的时候别手滑。拿到密钥后，填回 settings.json 里的 --figma-api-key= 后面。
