设计稿转代码这件事故意了很多年：老办法是把设计稿截图丢给 AI，让它看着图猜 CSS——间距靠估、颜色靠瞅、组件层级全靠脑补，生成的代码第一版永远要人肉对稿。Figma 在 2025年6月放出的官方 MCP 服务器换了一条路：把你选中的 frame 直接翻译成结构化上下文（布局方式、间距、颜色变量、字体、组件层级），喂给 Claude Code、Cursor、VS Code Copilot 这些编程工具，AI 拿到的直接就是数据。这篇讲清它怎么配、能干什么、真实的还原度到什么水平、以及配额和坑。

定位

Figma MCP Server 是 Figma 官方出品的设计上下文服务器，2025年6月4日以 beta 亮相，到 2026年10月已经长成双形态：远程服务器（官方推荐，托管在 Figma 侧，所有席位所有计划都能用）和桌面本地版（跑在 Figma 桌面应用里，面向组织与企业的特定场景）。一句话原理：它是设计文件与 AI 编程工具之间的翻译层——节点结构、样式变量、组件层级转换成 AI 可读的文本，理解工作交给背后的大模型。这个分工决定了它的能力边界：模型强则产出强，模型猜错它不背锅。

官方资源：官方发布公告 ｜ 开发者文档 ｜ 官方指南

官方博客公告：2025年6月4日发布，Dev Mode MCP server beta。