用途：将 Figma 设计稿转换为生产可用代码，并尽量实现与设计稿 1:1 的视觉一致。适合依据 Figma 文件实现 UI，或用户提到 implement design 等场景。
主要能力：提供结构化工作流，包括从 Figma URL 解析 fileKey 与 nodeId，调用 get_design_context 获取布局、排版、颜色、设计令牌、组件结构与变体、间距等数据；调用 get_screenshot 获取视觉基准；下载图 MCP 返回的图片、图标与 SVG 资源；将输出翻译为项目既有框架、样式与约定；完成后对照截图校验布局、排版、颜色、交互态、响应式和可访问性。
必要用法与前提：Figma MCP 服务器需已连接且可访问；用户需提供形如 https://figma.com/design/:fileKey/:fileName?node-id=1-2 的 URL，或在使用 figma-desktop MCP 时直接在桌面应用中选中节点；项目最好已有设计系统或组件库。使用 figma-desktop 时 fileKey 不作为参数传入，服务器自动使用当前打开文件，仅需 nodeId。若 get_design_context 响应过大或被截断，可先调用 get_metadata 获取节点结构，再逐个获取子节点。图 MCP 返回 localhost 资源时应直接使用，不要新增图标包或用占位符。
实现原则：将 Figma 输出视为设计与行为表达而非最终代码风格，替换为项目设计令牌并复用既有组件；避免硬编码；组件置于项目设计系统目录并遵循命名约定；为属性添加 TypeScript 类型与 JSDoc。设计令牌与 Figma 规格冲突时优先项目令牌，但可微调间距或尺寸以保持视觉一致，并遵循 WCAG。
限制：相关文档、工具与提示等资源的具体内容暂未提供；其他收费、价格或平台支持信息暂未提供。