# Asset Inventory ## 1. Token 导出文件位置 + 字段结构 + 前 30 行示例 ### 1.1 Raw token export - 位置： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/raw/variables.json - 顶层字段：`collections`、`variables`、`total` - 结构说明： - `collections[]`：Figma variable collection 与 mode 列表 - `variables[]`：变量定义，含 `id`、`name`、`collectionId`、`values` - `values`：按 `Dark` / `Light` mode 给出具体值，或 alias 到其他变量前 30 行示例： ```json { "collections": [ { "id": "VariableCollectionId:1558:94780", "name": "TVU Design System", "modes": [ { "id": "1558:0", "name": "Dark" }, { "id": "1671:0", "name": "Light" } ] } ], "variables": [ { "id": "VariableID:1558:94781", "name": "UX/Grey/grey-1 #FFFFFF", "collectionId": "VariableCollectionId:1558:94780", "values": { "Dark": "#ffffff", "Light": "#ffffff" } }, { "id": "VariableID:1558:94782", "name": "UX/Grey/grey-2 #F8F8F8", ``` ### 1.2 Normalized token export - 位置： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/normalized/variables.json - 用途：供生成 CSS token 与审计脚本消费的归一化 token 输入 - 顶层字段：与 raw export 相同，当前仍保留 `collections`、`variables`、`total` ### 1.3 Generated code token file - 位置： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/tokens/variables.css - 结构： - 文件头注释：来源、时间戳、生成命令 - `:root`：dark mode 默认 token - `[data-theme="light"]`：light mode 覆盖 - 命名格式：`--brand`、`--text-heading`、`--bg-layer1`、`--line-border` 等代码侧 token 名前 30 行示例： ```css /* AUTO-GENERATED — do not edit manually. * Source: figma-data/normalized/variables.json (TVU Design System Figma) * Extracted: 2026-04-22T00:00:00.000Z * Regenerate: pnpm generate * Dark/Light theme: apply [data-theme="light"] to to switch to light mode. */ /* ── Dark mode (default) ── */ :root { --color-white: #ffffff; --color-grey-2: #f8f8f8; --color-grey-3: #f0f0f0; --color-grey-4: #dbdbdb; --color-grey-5: #cccccc; --color-grey-6: #9e9e9e; --color-grey-8: #595959; --color-grey-9: #434343; --color-grey-10: #353535; --color-grey-11: #262626; --color-grey-12: #1f1f1f; --color-grey-13: #141414; --color-grey-14: #000000; --color-grey-7: #7b7b7b; --brand: #2fb54e; --brand-match: #0b2b13; --brand-disable: #1a652c; --brand-hover: #41c760; --red: #ea4233; --red-hover: #ed5b4e; --red-bg: #fff1f0; ``` ## 2. Style 导出文件（如有） - 未发现独立的 Figma style JSON 导出（如 `styles.json`） - 当前最接近 style 导出职责的文件是： - `figma-data/raw/variables.json`：Figma variable 原始导出 - `figma-data/normalized/variables.json`：归一化 token 输入 - `src/tokens/variables.css`：代码侧实际消费的样式 token - 结论：当前仓库是 token-first，而不是独立 style-export-first ## 3. 组件 JSON 导出位置 + Notification / PromptMessage / Button 三个完整内容 ### 3.1 组件导出总索引 - 位置： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/raw/components.index.json - 顶层字段：`extractedAt`、`figmaFileKey`、`count`、`components` - `components[]` 字段：`figmaName`、`nodeId`、`type`、`pageName`、`filename`、`variants` ### 3.2 Notification export - 索引条目：`figmaName = Notification`、`nodeId = 1408:17154` - 原始文件： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/raw/components/notification__1408_17154.json 完整内容： ```json { "extractedAt": "2026-04-24T09:52:57.461Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Notification", "nodeId": "1408:17154", "type": "COMPONENT_SET", "pageId": "1379:4191", "pageName": "— — Notifications & Pop box", "description": "", "key": "23535120dbdc93bf90af9a118b5091e58b590dc6", "variants": [ { "id": "1408:17123", "name": "theme=dark, status=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -12129, "y": -4743, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1392:1786;1517:28004", "I1392:1786;1538:132", "I1392:1817;1480:73575", "I1392:1817;1480:73576", "I1392:1817;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1539:31680", "name": "theme=dark, status=secondary warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -12129, "y": -4490, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1539:31682;1517:27746", "I1539:31682;1538:130", "I1539:31686;1480:73575", "I1539:31686;1480:73576", "I1539:31686;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17129", "name": "theme=light, status=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -11485, "y": -4743, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1400:5332;1517:28004", "I1400:5332;1538:132", "I1400:5336;1480:73575", "I1400:5336;1480:73576", "I1400:5336;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1539:31691", "name": "theme=light, status=secondary warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -11485, "y": -4490, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1539:31693;1517:27746", "I1539:31693;1538:130", "I1539:31697;1480:73575", "I1539:31697;1480:73576", "I1539:31697;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17125", "name": "theme=dark, status=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -12129, "y": -3984, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1396:5204;1544:33368", "I1396:5217;1480:73575", "I1396:5217;1480:73576", "I1396:5217;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17131", "name": "theme=light, status=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -11485, "y": -3984, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1400:5435;1544:33368", "I1400:5439;1480:73575", "I1400:5439;1480:73576", "I1400:5439;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17126", "name": "theme=dark, status=pop confirm", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -12129, "y": -3731, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1545:21989;1480:73575", "I1545:21989;1480:73576", "I1545:21989;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17132", "name": "theme=light, status=pop confirm", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -11485, "y": -3731, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1545:22067;1480:73575", "I1545:22067;1480:73576", "I1545:22067;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17128", "name": "theme=dark, status=quick confirm", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 158, "w": 280, "x": -12129, "y": -3478, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 24, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to delete ‘XXXX’?", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1400:5313;1480:73575", "I1400:5313;1480:73576", "I1400:5313;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17134", "name": "theme=light, status=quick confirm", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 158, "w": 280, "x": -11485, "y": -3478, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 24, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to delete ‘XXXX’?", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1400:5533;1480:73575", "I1400:5533;1480:73576", "I1400:5533;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17127", "name": "theme=dark, status=side pop", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -12129, "y": -3249, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1708:25148;1480:73575", "I1708:25148;1480:73576", "I1708:25148;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17133", "name": "theme=light, status=side pop", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -11485, "y": -3249, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1708:25070;1480:73575", "I1708:25070;1480:73576", "I1708:25070;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17124", "name": "theme=dark, status=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -12129, "y": -4237, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1396:5174;1517:27670", "I1396:5186;1480:73575", "I1396:5186;1480:73576", "I1396:5186;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17130", "name": "theme=light, status=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 182, "w": 480, "x": -11485, "y": -4237, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 40, "r": 6, "layoutMode": "VERTICAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620" } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630" } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "This is the title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1400:5395;1517:27670", "I1400:5399;1480:73575", "I1400:5399;1480:73576", "I1400:5399;1480:74296" ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null } ] } ``` ### 3.3 PromptMessage export - 索引条目：`figmaName = prompt message`、`nodeId = 1408:17153` - 原始文件： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/raw/components/prompt_message__1408_17153.json 完整内容： ```json { "extractedAt": "2026-04-24T09:52:57.462Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "prompt message", "nodeId": "1408:17153", "type": "COMPONENT_SET", "pageId": "1379:4191", "pageName": "— — Notifications & Pop box", "description": "", "key": "e9574b39e93ac3ffe94834f05d704798ce997274", "variants": [ { "id": "1408:17150", "name": "interact=Yes, status=success, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 427, "x": -12006, "y": -403, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a success message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889" } ], "v": null }, "vectorNodeIds": [ "I1400:16472;1517:28928", "I1400:16472;1517:29808", "I1408:16950;1480:73575", "I1408:16950;1480:73576", "I1408:16950;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17148", "name": "interact=Yes, status=warning, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 421, "x": -12006, "y": -469.33349609375, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff3db", "v": "VariableID:VariableID:1671:114769" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a prompt message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765" } ], "v": null }, "vectorNodeIds": [ "I1400:16455;1517:27746", "I1400:16455;1538:130", "I1408:16938;1480:73575", "I1408:16938;1480:73576", "I1408:16938;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17146", "name": "interact=Yes, status=error, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 443, "x": -12006, "y": -536, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff1f0", "v": "VariableID:VariableID:1671:111677" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an abnormal message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623" } ], "v": null }, "vectorNodeIds": [ "I1400:16442;1544:33368", "I1408:16926;1480:73575", "I1408:16926;1480:73576", "I1408:16926;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17143", "name": "interact=Yes, status=info, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 456, "x": -12006, "y": -602, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e1eefd", "v": "VariableID:VariableID:1671:114781" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an information message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779" } ], "v": null }, "vectorNodeIds": [ "I1400:9762;1517:27670", "I1408:16915;1480:73575", "I1408:16915;1480:73576", "I1408:16915;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19942", "name": "interact=Yes, status=success, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": 18.0009765625, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a success message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889" } ], "v": null }, "vectorNodeIds": [ "I1545:6012;1517:28928", "I1545:6012;1517:29808", "I1545:6014;1480:73575", "I1545:6014;1480:73576", "I1545:6014;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19940", "name": "interact=Yes, status=warning, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -72.666015625, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff3db", "v": "VariableID:VariableID:1671:114769" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a prompt message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765" } ], "v": null }, "vectorNodeIds": [ "I1545:6019;1517:27746", "I1545:6019;1538:130", "I1545:6021;1480:73575", "I1545:6021;1480:73576", "I1545:6021;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19941", "name": "interact=Yes, status=error, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -163.3330078125, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff1f0", "v": "VariableID:VariableID:1671:111677" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an abnormal message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623" } ], "v": null }, "vectorNodeIds": [ "I1545:6026;1544:33368", "I1545:6028;1480:73575", "I1545:6028;1480:73576", "I1545:6028;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19935", "name": "interact=Yes, status=info, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -254, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e1eefd", "v": "VariableID:VariableID:1671:114781" } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an information message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779" } ], "v": null }, "vectorNodeIds": [ "I1545:6033;1517:27670", "I1545:6035;1480:73575", "I1545:6035;1480:73576", "I1545:6035;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null } ] } ``` ### 3.4 Button export - Raw 层没有单一 `button__*.json` 聚合文件，Button 在 `components.index.json` 中分散为多个 component set： - `Button/url link` - `Button/light L|M|S|XS` - `Button/dark L|M|S|XS` - 因此这里记录两层入口： - Raw sets：/Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/raw/components/ - Normalized aggregate：/Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/figma-data/normalized/button-generation-sample.json - 作为“Button 完整内容”归档，本清单采用当前仓库唯一聚合态文件 `button-generation-sample.json` Button 相关索引条目： ```json { "figmaName": "Button/url link", "nodeId": "438:7995", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_url_link__438_7995.json", "variants": 4 } { "figmaName": "Button/light M", "nodeId": "1545:47447", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_light_m__1545_47447.json", "variants": 400 } { "figmaName": "Button/light S", "nodeId": "1545:51851", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_light_s__1545_51851.json", "variants": 400 } { "figmaName": "Button/light XS", "nodeId": "1545:51852", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_light_xs__1545_51852.json", "variants": 400 } { "figmaName": "Button/light L", "nodeId": "1545:47446", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_light_l__1545_47446.json", "variants": 400 } { "figmaName": "Button/dark L", "nodeId": "1545:51854", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_dark_l__1545_51854.json", "variants": 400 } { "figmaName": "Button/dark M", "nodeId": "1545:51964", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_dark_m__1545_51964.json", "variants": 400 } { "figmaName": "Button/dark S", "nodeId": "1545:57246", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_dark_s__1545_57246.json", "variants": 400 } { "figmaName": "Button/dark XS", "nodeId": "1545:57247", "type": "COMPONENT_SET", "pageName": "— — Buttons", "filename": "button_dark_xs__1545_57247.json", "variants": 400 } ``` Button 聚合文件完整内容： ```json { "generatedAt": "2026-04-24T06:02:51.971Z", "generatorMode": "manifest-driven-sample-contract", "purpose": "This file is the transitional Button sample contract used to repair the Figma-conformance generation chain before runtime component generation resumes.", "source": { "canonicalSpecs": "figma-data/normalized/canonical-components.json", "manifest": "figma-data/normalized/components.manifest.json", "sourceLayer": "components-tokenized" }, "button": { "codeComponent": "Button", "generationPriority": 1, "canonicalStatus": "needs-review", "memberCount": 8, "totalVariants": 3200, "averageTokenCoverage": 100, "mergedVariantAxes": [ { "figmaAxis": "color", "propName": "color", "values": [ "gray 1", "green", "orange", "red" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "no", "yes" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "icon", "propName": "icon", "values": [ "left", "light", "loading", "loading button", "no", "right" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "round", "square" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "derived size", "propName": "size", "values": [ "L", "M", "S", "XS" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] } ], "blockingFindings": [ { "code": "mixed-theme-members", "severity": "warning", "detail": "Button canonical spec currently merges light and dark member families before a stable canonical theme strategy exists." } ], "resolvedContract": { "includedMembers": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ], "excludedMembers": [ { "figmaName": "Button/url link", "nodeId": "438:7995", "reason": "separate-link-family", "detail": "URL link introduces a distinct interaction family and darkTheme axis; it should not stay inside the main Button canonical contract." } ], "normalizedAxes": [ { "figmaAxis": "color", "propName": "color", "values": [ "gray 1", "green", "orange", "red" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "no", "yes" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "icon", "propName": "icon", "values": [ "left", "light", "loading", "loading button", "no", "right" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "round", "square" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "derived size", "propName": "size", "values": [ "L", "M", "S", "XS" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ], "sources": [ "Button/dark L", "Button/dark M", "Button/dark S", "Button/dark XS", "Button/light L", "Button/light M", "Button/light S", "Button/light XS" ] } ], "themeFamilies": [ "dark", "light" ] }, "members": [ { "figmaName": "Button/dark L", "pageName": "— — Buttons", "nodeId": "1545:51854", "filename": "button_dark_l__1545_51854.json", "tokenCoverage": { "totalRefs": 799, "resolvedRefs": 799, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonDarkL", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "right", "left", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "hover", "disable", "default", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "314:47402", "figmaVariantName": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "hover", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47367", "figmaVariantName": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47337", "figmaVariantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "red", "status": "default", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/dark M", "pageName": "— — Buttons", "nodeId": "1545:51964", "filename": "button_dark_m__1545_51964.json", "tokenCoverage": { "totalRefs": 792, "resolvedRefs": 792, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonDarkM", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "left", "no", "right", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "hover", "disable", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "1421:27616", "figmaVariantName": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "1421:27622", "figmaVariantName": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "hover", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "1421:27628", "figmaVariantName": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/dark S", "pageName": "— — Buttons", "nodeId": "1545:57246", "filename": "button_dark_s__1545_57246.json", "tokenCoverage": { "totalRefs": 804, "resolvedRefs": 804, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonDarkS", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "left", "no", "right", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "hover", "disable", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "1421:27892", "figmaVariantName": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "1421:27898", "figmaVariantName": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "hover", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "1421:27904", "figmaVariantName": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes", "props": { "icon": "left", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/dark XS", "pageName": "— — Buttons", "nodeId": "1545:57247", "filename": "button_dark_xs__1545_57247.json", "tokenCoverage": { "totalRefs": 796, "resolvedRefs": 796, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonDarkXs", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "left", "right", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "hover", "disable", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "314:47685", "figmaVariantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47755", "figmaVariantName": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "hover", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47718", "figmaVariantName": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/light L", "pageName": "— — Buttons", "nodeId": "1545:47446", "filename": "button_light_l__1545_47446.json", "tokenCoverage": { "totalRefs": 792, "resolvedRefs": 792, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonLightL", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "right", "left", "loading button", "light" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ] }, { "figmaAxis": "Radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "314:46720", "figmaVariantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:46729", "figmaVariantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "no" } }, { "nodeId": "314:46779", "figmaVariantName": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/light M", "pageName": "— — Buttons", "nodeId": "1545:47447", "filename": "button_light_m__1545_47447.json", "tokenCoverage": { "totalRefs": 810, "resolvedRefs": 810, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonLightM", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "right", "left", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimeless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "red", "orange", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ] }, { "figmaAxis": "Radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "no", "yes" ] } ], "sampleVariants": [ { "nodeId": "314:46878", "figmaVariantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "no" } }, { "nodeId": "314:46924", "figmaVariantName": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "disable", "radius": "square", "fixedWidth": "no" } }, { "nodeId": "314:46979", "figmaVariantName": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "hover", "radius": "square", "fixedWidth": "no" } } ] }, { "figmaName": "Button/light S", "pageName": "— — Buttons", "nodeId": "1545:51851", "filename": "button_light_s__1545_51851.json", "tokenCoverage": { "totalRefs": 792, "resolvedRefs": 792, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonLightS", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "right", "left", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimeless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "orange", "red", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "314:47024", "figmaVariantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47029", "figmaVariantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "no" } }, { "nodeId": "314:47044", "figmaVariantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "orange", "status": "default", "radius": "square", "fixedWidth": "yes" } } ] }, { "figmaName": "Button/light XS", "pageName": "— — Buttons", "nodeId": "1545:51852", "filename": "button_light_xs__1545_51852.json", "tokenCoverage": { "totalRefs": 792, "resolvedRefs": 792, "unresolvedRefs": 0, "resolvedPercent": 100, "unresolvedVariableIds": [], "unresolvedSamples": [] }, "manifestPresent": true, "manifestCodeName": "ButtonLightXs", "manifestVariantAxes": [ { "figmaAxis": "icon", "propName": "icon", "values": [ "no", "right", "left", "loading" ] }, { "figmaAxis": "style", "propName": "style", "values": [ "filling", "ghost", "rimeless" ] }, { "figmaAxis": "color", "propName": "color", "values": [ "green", "orange", "red", "gray 1" ] }, { "figmaAxis": "status", "propName": "status", "values": [ "default", "disable", "hover", "loading" ] }, { "figmaAxis": "radius", "propName": "radius", "values": [ "square", "round" ] }, { "figmaAxis": "fixed width", "propName": "fixedWidth", "values": [ "yes", "no" ] } ], "sampleVariants": [ { "nodeId": "314:47174", "figmaVariantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "yes" } }, { "nodeId": "314:47179", "figmaVariantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no", "props": { "icon": "no", "style": "filling", "color": "green", "status": "default", "radius": "square", "fixedWidth": "no" } }, { "nodeId": "314:47294", "figmaVariantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes", "props": { "icon": "no", "style": "filling", "color": "orange", "status": "default", "radius": "square", "fixedWidth": "yes" } } ] } ] } } ``` ## 4. 图标代码组件目录 + 命名格式（验证是否 Figma 原名） ### 4.1 主要目录 - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/generated - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/catalog/generated - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/raw.ts - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/manifest.ts - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/registry.ts ### 4.2 命名格式核对 - `src/icons/generated/*.ts`：使用代码侧 alias / category 名，如 `action/close`、`status/warning` - `src/icons/catalog/generated/*.ts`：使用归一化 catalog 名，如 `message/error-4`、`message/info-2` - Figma 原名保留位置：`messageIconManifest[].tags` 等 metadata 中，例如 `icon/Message/Error 4` - 结论： - 图标代码组件命名 **不是** Figma 原名 - 当前仓库采用“代码 alias + metadata 保留 Figma 原名”的双层命名结构代码示例： ```ts import { IconAdd, IconMinus, IconSearch, IconLoading, IconClose, IconSelected, } from '../raw' import type { IconDefinition } from '../types' export { IconAdd, IconMinus, IconSearch, IconLoading, IconClose, IconSelected, } export const actionIcons = { 'action/add': IconAdd, 'action/minus': IconMinus, 'action/search': IconSearch, 'action/loading': IconLoading, 'action/close': IconClose, 'action/selected': IconSelected, } as const export const actionIconManifest: IconDefinition[] = [ { name: 'action/add', category: 'action', exportName: 'IconAdd', aliases: ['add'], tags: ['edit', 'plus'], }, { name: 'action/minus', category: 'action', exportName: 'IconMinus', aliases: ['minus'], tags: ['edit', 'subtract'], }, { name: 'action/search', category: 'action', exportName: 'IconSearch', aliases: ['search'], tags: ['find', 'lookup'], }, { name: 'action/loading', category: 'action', exportName: 'IconLoading', aliases: ['loading'], tags: ['spinner', 'progress'], }, { name: 'action/close', category: 'action', ``` ```ts import { IconStatusSuccess, IconStatusWarning, IconStatusError, IconStatusInfo, } from '../raw' import type { IconDefinition } from '../types' export { IconStatusSuccess, IconStatusWarning, IconStatusError, IconStatusInfo, } export const statusIcons = { 'status/success': IconStatusSuccess, 'status/warning': IconStatusWarning, 'status/error': IconStatusError, 'status/info': IconStatusInfo, } as const export const statusIconManifest: IconDefinition[] = [ { name: 'status/success', category: 'status', exportName: 'IconStatusSuccess', aliases: ['status-success'], tags: ['feedback', 'positive'], }, { name: 'status/warning', category: 'status', exportName: 'IconStatusWarning', aliases: ['status-warning'], tags: ['feedback', 'caution'], }, { name: 'status/error', category: 'status', exportName: 'IconStatusError', aliases: ['status-error'], tags: ['feedback', 'negative'], }, { name: 'status/info', category: 'status', exportName: 'IconStatusInfo', aliases: ['status-info'], tags: ['feedback', 'neutral'], }, ] ``` ```ts import type { IconDefinition } from '../../types' export const messageIcons = { "message/error-1": ``, "message/error-2": ``, "message/error-3": ``, "message/error-4": ``, "message/help-1": ``, "message/help-2": ``, "message/info-1": ``, "message/info-2": ``, "message/notification-1": ``, "message/notification-2": ``, "message/success-1": ``, "message/success-2": ``, "message/update-1": ``, "message/update-2": ``, "message/warning-1": ``, "message/warning-2": ``, } as const satisfies Record export const messageIconManifest: IconDefinition[] = [ { name: "message/error-1", category: "message", exportName: "IconMessageError1", figmaNodeId: "1168:23601", tags: ["icon/Message/Error 1", "— — Icons"], }, { name: "message/error-2", category: "message", exportName: "IconMessageError2", figmaNodeId: "1168:23569", tags: ["icon/Message/Error 2", "— — Icons"], }, { name: "message/error-3", category: "message", exportName: "IconMessageError3", figmaNodeId: "1168:23871", tags: ["icon/Message/Error 3", "— — Icons"], }, { name: "message/error-4", category: "message", exportName: "IconMessageError4", figmaNodeId: "1168:23924", tags: ["icon/Message/Error 4", "— — Icons"], }, { name: "message/help-1", category: "message", exportName: "IconMessageHelp1", figmaNodeId: "1283:40375", tags: ["icon/Message/Help 1", "— — Icons"], }, { name: "message/help-2", category: "message", exportName: "IconMessageHelp2", figmaNodeId: "1283:40376", tags: ["icon/Message/Help 2", "— — Icons"], }, { name: "message/info-1", category: "message", exportName: "IconMessageInfo1", figmaNodeId: "1168:23662", tags: ["icon/Message/Info 1", "— — Icons"], }, { name: "message/info-2", category: "message", exportName: "IconMessageInfo2", figmaNodeId: "1168:23690", tags: ["icon/Message/Info 2", "— — Icons"], }, { name: "message/notification-1", category: "message", exportName: "IconMessageNotification1", figmaNodeId: "1169:24021", tags: ["icon/Message/Notification 1", "— — Icons"], }, { name: "message/notification-2", ``` ## 5. 图标 alias / 映射表位置 + 前 20 条 ### 5.1 运行时 alias 表位置 - 主入口： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/registry.ts - manifest 汇总： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/icons/manifest.ts - 新的设计系统边界翻译层： - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/src/design-system/translation/icon-aliases.ts ### 5.2 registry 生成逻辑 ```ts import { actionIcons } from './generated/action' import { navigationIcons } from './generated/navigation' import { timeIcons } from './generated/time' import { statusIcons } from './generated/status' import { ratingIcons } from './generated/rating' import { themeIcons } from './generated/theme' import { brandIcons } from './generated/brand' import { iconManifest } from './manifest' import type { IconCategoryRegistry } from './types' export const iconCategoryRegistry: IconCategoryRegistry = { action: actionIcons, navigation: navigationIcons, time: timeIcons, status: statusIcons, rating: ratingIcons, theme: themeIcons, brand: brandIcons, } export const iconNameAliases = Object.freeze( iconManifest.reduce>((aliases, definition) => { aliases[definition.name] = definition.name for (const alias of definition.aliases ?? []) { aliases[alias] = definition.name } return aliases }, {}), ) export const iconRegistry = Object.freeze( iconManifest.reduce>((registry, definition) => { const svg = iconCategoryRegistry[definition.category][definition.name] registry[definition.name] = svg for (const alias of definition.aliases ?? []) { registry[alias] = svg } return registry }, {}), ) export function resolveIcon(name: string | null | undefined) { if (!name) { return null } const normalizedName = iconNameAliases[name] ?? name return iconRegistry[normalizedName] ?? null } export function listIconsByCategory(category: keyof typeof iconCategoryRegistry) { return Object.entries(iconCategoryRegistry[category]).map(([name, svg]) => ({ name, svg })) } ``` ### 5.3 前 20 条 alias ```text status-success -> status/success status-warning -> status/warning status-error -> status/error status-info -> status/info add -> action/add minus -> action/minus search -> action/search loading -> action/loading close -> action/close selected -> action/selected arrow-dropdown -> navigation/arrow-dropdown previous -> navigation/previous next -> navigation/next arrow-up -> navigation/arrow-up arrow-down -> navigation/arrow-down arrow-right -> navigation/arrow-right arrow-left -> navigation/arrow-left logo-tvu -> brand/logo-tvu logo-ts -> brand/logo-ts star-empty -> rating/star-empty ``` ## 6. 已有的 conformance-issue-log.md / handoff.md / 其他设计系统文档 ### 6.1 关键文档 - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/conformance-issue-log.md - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/session-handoff.md - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/working-principles.md - /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/NEXT-STEPS.md ### 6.2 其他设计系统文档 ```text /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/2026-04-27-component-completeness-audit.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/NEXT-STEPS.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/checkbox-pixel-review.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/component-generation-pitfalls.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/component-review-rules.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/conformance-issue-log.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/figma-conformance-first.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/figma-first-manifest.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/figma-provenance-audit.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/generated-skeleton-promotion-plan.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/input-select-first-pass.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/internal/asset-inventory.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/multi-session-collaboration-rules.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/radio-pixel-review.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/session-handoff.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/site-pixel-parity-mechanism.md /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/site-review-manifest.json /Users/nancy/Documents/AICoding/VS_Code/tvu-design-system/docs/working-principles.md ```