已有许多 Cursor 配合 Figma MCP 的教程，本文介绍如何在 VSCode 中利用 GitHub Copilot 接入 Figma MCP 进行设计稿还原代码。
Step 1：配置 MCP
在 VSCode 中打开项目（示例为微信小程序），呼出 GitHub Copilot 对话框，模式选择 Agent，模型建议 Claude 3.7 Sonnet，提问：
https://github.com/GLips/Figma-Context-MCP 如何配置能让你在 vscode 里使用这个 mcp
按提示操作即可完成配置。若需安装插件，AI 会自动处理，并生成配置说明文档。
AI 会在项目文件夹最外层创建.vscode 文件夹，并在 settings.json 文件中添加配置。如果文件已存在，配置会追加到末尾。
{"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 即可。点击后弹窗，设置名称（如 mcp），将权限列表中的读或写选项打开（默认是 No access）。
注意：Token 默认 30 天过期，过期后需重新生成。
