figma-to-spirit

用途：把 Figma 设计稿实现为 React 界面，前提是使用 Spirit Web 组件库，而非自建组件或原始 HTML/CSS。主要能力包括：按 Figma 层结构映射到 Spirit 组件；从 Figma CodeConnect 精确读取 props；区分 Heading 与 Text 等排版组件；依据布局类型选用 Grid、Flex、Stack、Box、Section、Container；处理对齐、间距、颜色令牌、图标名与响应式断点。使用方式：先分析 Figma 结构，再选择容器与布局模式，设置对齐与排版，补充响应式 props，按 CodeConnect 交叉核对，必要时用浏览器对比并运行 ReadLints 检查。限制：不得用内联 CSS；不得从截图猜测属性值；不得替换图标名；未从 Figma 确认的值需明确告知用户；未含完整实现步骤细节的部分暂未提供。