1. Figma 设计稿不是“图片”，而是可解析的结构化文档——Vibe Coding 能跑通的根本前提大多数人第一次听说“Figma 设计稿转代码”，下意识反应是：这不就是截图识别？那准确率怎么可能到 92%？我用 OCR 识别表格都经常错行。这个直觉没错，但错在起点——你把 Figma 当成了 Photoshop。Figma 文件（.fig）本质是一个高度结构化的 JSON 文档，它记录的不是像素坐标，而是组件树（Component Tree）、样式属性（fill, stroke, typography）、约束规则（constraints）、响应式断点（responsive resize）、甚至交互状态（hover, pressed, disabled）。一个按钮组件在 Figma 中的底层描述，可能包含：{ "type": "INSTANCE", "name": "Button/Primary", "componentId": "345:1234", "properties": { "variant": "primary", "size": "medium" }, "children": [{ "type": "TEXT", "characters": "提交", "fontSize": 16, "fontWeight": 600, "fills": [{"type": "SOLID", "color": {"r": 1, "g": 1, "b": 1}}] }], "constraints": {"horizontal": "MIN", "ver