Antigravity 集成 Figma MCP 实现像素级还原 AI 编程
开发者常遇到将设计稿截图发送给 AI 生成 CSS 的情况,但效果往往不尽如人意,存在间距、颜色或字体偏差。
利用 MCP (Model Context Protocol) 协议,将 Figma 的设计数据直接提供给 Antigravity。这使 AI 能够读取设计原稿而非仅依赖视觉识别。
什么是 Figma Context MCP?
该服务由 Framelink 开发,允许 AI 编辑器(如 Antigravity)通过 Figma API 获取设计稿数据:
- 布局结构 (Layout)
- 样式参数 (Styles)
- 文本内容 (Content)
- 导出图标/图片 (Assets)
比传统的'视觉识别'准确率高出 N 个量级。
集成步骤
第一步:获取 Figma Access Token
要让 AI 读取 Figma,首先得给它一把钥匙。
- 登录 Figma,点击左上角头像 -> Settings (设置)。
- 进入 Security (安全) 选项卡。


