用途:把 Figma 文件、frame 或流程还原为可维护的 Weaverse(Hydrogen)页面,产出可复用 section。它是 Figma 输入适配器,与克隆网站的适配器共用同一套下游规则,最终都汇入 generating-weaverse-project-json 生成项目 JSON,再经导入或 Content API 发布。
主要能力:用 Figma MCP 提取结构化设计数据(get_design_context、get_variable_defs、get_metadata、get_screenshot 等),采集设计标注与交互标注,导出资源,生成内容清单、克隆预览路由、设计规格与线上页面,并做视觉校验。
使用方式:先做预检(确认页面类型与路由、storefront 与 .env 一致、品牌指南匹配、Weaverse 项目状态、已有 .figma 笔记),再提取设计、构建内容清单、生成 app/routes/clone-preview.$page.tsx 预览并等待用户批准,随后上传资源到 Shopify、分解并匹配 section、集成、生成页面 JSON、经 Content API 交付,最后用 Playwright 循环校验至 PASS。
适用场景:Figma URL(含 node-id)作为页面或店面来源、多 frame 流程映射多页面、按设计实现首页或模板页。
限制:不用于克隆线上网站或微小文案修改;仅文件 URL 不够,需 node 链接;Figma 资源 URL 约 7 天过期,须先下载并上传 Shopify;静态设计无运行时行为,交互须依据组件状态变体、原型反应、标注或用户确认,否则标记 UNCONFIRMED;Figma 评论无法通过 MCP 读取。其余细节资料未提供。