用途：把 Figma 设计节点转换为生产可用代码，并尽量做到像素级视觉一致。
主要能力：通过 Figma MCP 获取设计上下文（布局、字体、颜色与设计令牌、组件结构与变体、间距）、截图作为视觉基准、下载图片与图标等资源，再按项目框架与设计系统约定落地代码。
使用方式：需先连接 Figma MCP。若未配置，可执行 codex mcp add figma --url https://mcp.figma.com/mcp，并在 config.toml 中设置 [features].rmcp_client = true 或运行 codex --enable rmcp_client，然后 codex mcp login figma 完成 OAuth 登录，登录后需重启 codex。随后按顺序执行：从 Figma URL 解析 fileKey 与 nodeId（格式 https://figma.com/design/:fileKey/:fileName?node-id=1-2），或使用 figma-desktop MCP 直接选取当前节点；调用 get_design_context(fileKey=":fileKey", nodeId="1-2") 获取上下文；调用 get_screenshot 获取截图；下载资源；将输出翻译为项目约定；实现 1:1 视觉还原；最后对照截图验证布局、字体、颜色、交互状态、响应式与无障碍。若响应过大，可先用 get_metadata 获取节点结构，再逐个获取子节点。
适用场景：实现按钮、仪表盘布局等 Figma 组件与页面，适合已有设计系统或组件库的项目。
限制：远程 MCP 需要提供 frame 或 layer 链接，基于选择的提示仅适用于 figma-desktop MCP；资源应直接使用 Figma 返回的 localhost 地址，不要新增图标包或占位符；设计令牌与 Figma 冲突时优先项目令牌并微调间距尺寸；需遵循 WCAG。其他收费、平台与效果信息暂未提供。