Figma 与 MasterGo 两条设计稿输入通路：读取语义化设计树，映射到项目样式库与组件库生成页面；每次 UI 开发后强制截图与设计稿做多轮像素级比对，直至一致。
按团队设计工具二选一；校验环节共用同一套比对能力。
仅用 Figma 官方公开 REST API，免费账号即可用。提供 6 个工具，覆盖结构、语义上下文、设计令牌、资源与校验。
直接接入 MasterGo 官方 Magic MCP：国内直连、无 Figma 代理问题（需团队版席位）。推荐读取顺序 getMeta → getPageLayers → getDesignSections。
| Figma MCP 工具 | 作用 |
|---|---|
| figma_get_structure | 页面 / 画板清单，快速定位目标画板 |
| figma_get_design_context | 语义化设计树：布局方向、间距、文本、颜色、圆角、阴影、组件名、资源清单 |
| figma_get_variables | 设计令牌（无权限时自动降级） |
| figma_get_assets | SVG / PNG 资源导出落盘 |
| figma_get_screenshot | 节点渲染图，作为比对基准 |
| figma_verify_ui 亮点 | 设计稿渲染图 × 实际页面截图比对：相似度评分、九宫格差异定位、构图比例失配检测、双向元素校验 |
配套 MCP prompt 与握手指令把校验设为强制工作流：每次 UI 开发后必须截图校验，多轮循环直到与设计稿一致。
structure 清单 → 语义上下文，锁定目标设计稿节点。
设计令牌映射到项目样式库，图层映射到项目组件库，不生成「一次性样式」。
SVG/PNG 导出进项目，按既有架构生成代码。
网格色比 + 九宫格定位差异，修正后再次比对，直至达标。
Figma 与 MasterGo 共用同一套技能流程：定位画板 → 令牌映射项目样式库 → 组件映射项目组件库 → 资源落盘 → 生成 → 校验循环。