用途：把在 Claude Code 中构建的可运行原型转成结构化 Figma 设计文件，便于设计团队评审与异步反馈。
主要能力：分析原型源码，盘点组件、映射交互流程、识别所有 UI 状态；在设计系统库中搜索匹配组件，未匹配元素标记“No DS match”徽章并从 Figma 基础图元构建；每个交互状态生成独立画框；添加原生 Dev Mode 注释，按 Interaction、Navigation、Validation、Error Handling 等类别筛选；添加流程箭头；创建含图例、目录和待答问题的概览框；可选通过 Code Connect 建立 Figma 与代码的双向映射。未提供 URL 时自动创建新 Figma 文件。
使用方式：需预先安装带指定工具的 Figma MCP 服务器（use_figma、search_design_system、get_design_context、get_metadata、get_screenshot、get_code_connect_map、get_context_for_code_connect、get_code_connect_suggestions、send_code_connect_mappings、add_code_connect_map、whoami、create_new_file）。检查安装：cat ~/Library/Application\ Support/Claude/claude_desktop_config.json | grep figma；未安装可执行 npx @figma/mcp-server init。流程为解析目标文件、分析原型、映射设计系统、规划页面、构建画框、添加注释与流程箭头、生成概览框、按需创建 Code Connect 映射并截图验证。构建时禁止调用 createComponent()，设计系统组件用 createInstance()，缺失组件用基础图元回退。
适用场景：用户要求把原型放入 Figma 供团队评审、拆解为画框做异步反馈、生成设计评审规格、让设计团队可评审原型时。
限制：依赖 Figma MCP 与客户端能力，分三级输出（完整构建、规格文档、仅构建）；注释需在 Figma Dev Mode 中查看；设计系统搜索无结果时需改用模糊搜索或基础图元回退；Code Connect 映射可能因代码片段格式或组件缺失而失败。价格与收费信息暂未提供。