用途：把 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 登录，之后重启 codex。用户需提供形如 https://figma.com/design/:fileKey/:fileName?node-id=1-2 的链接；使用 figma-desktop MCP 时可直接选中节点，无需 URL。随后依次调用 get_design_context、get_screenshot，必要时用 get_metadata 拆分复杂节点，并下载资源。
适用场景：将 Figma 按钮、仪表盘等设计实现为项目组件，并接入既有设计系统。
限制：需 Figma MCP 可访问；远程服务需链接，桌面版才支持选中节点；输出可能被截断；资源应直接使用 MCP 返回的 localhost 地址，不应新增图标包或占位符；设计令牌冲突时优先项目令牌并微调间距尺寸。