Figma MCP Server 是一款把 Figma 设计稿直接"喂"给开发工具的连接器。接入后,AI 助手能读取 Figma 文件中的图层、样式和组件信息,自动生成对应的前端代码(HTML / CSS / React / Vue 等),让设计稿到可用界面之间少掉大量手动还原的工作。
它能做什么
- 读取指定 Figma 文件、Frame 的结构与样式
- 把设计稿转换为可运行的 UI 代码片段
- 同步设计 Token(颜色、字号、间距等)到代码侧
- 在 IDE 或 AI 对话中实时拉取最新设计稿
是否需要密钥
需要。Figma 官方要求通过 Personal Access Token 或 OAuth 授权来访问文件,连接时需在 MCP 配置中提供该 Token,建议存放在本地密钥管理或环境变量中,避免硬编码泄露。