#前端自动化

Figma MCP Server：让 Agent 直接读写设计稿

设计师在 Figma 里画好原型，开发者要让 AI 根据设计稿生成代码——但 Agent 看不到 Figma 里的内容。Figma MCP Server 通过官方 API 让 Claude Code、Cursor、VS Code 中的 Agent 直接读取 Figma 文件的节点树、样式、组件、图层结构，自动转为代码可用的设计 Token。本文介绍 Figma MCP 的核心能力、三种客户端配置方式、三个实战场景（设计稿转组件 / 设计 Token 提取 / 多页面批量生成），以及与 Puppeteer MCP 的协作模式。