# SnowUI Figma 与组件、Token 公开对照

阅读目标版本的 [LICENSE](https://snowui.dev/LICENSE)。来源：FigmaComponentMap 的 public-map 区；来源指纹：`bb1afc337ca397c2`。当前代码包版本：`0.3.0-alpha.11`。每次组件包版本变化都须重新生成并检查映射与源码下载链接。映射更新时间以正文记录为准；使用者副本即使出现相同节点 ID，也须在副本内重新核对目标，不直接套用原文件链接。

## 文件入口与双向使用

| 用途 | 地址 / 来源 | 边界 |
| --- | --- | --- |
| SnowUI 维护的 Design System 原文件 | [SnowUI Design System](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz)（file key：`eDqeDtsitne9fCi9yA0ltz`） | 下方组件节点链接与变量 ID 均属于此文件。 |
| 用户获取入口 | [Figma 社区中的 SnowUI Design System](https://www.figma.com/community/file/1388431032861751537) | 由使用者按社区页面和实际订单条件获取／复制；本轮未验证社区页面的实时价格或可用性。 |
| 用户自己的副本 | 由用户提供 `https://www.figma.com/design/<用户的 file key>/...` | 不把原文件节点 ID、变量 ID 或 Code Connect 绑定直接当成副本 ID。 |
| SnowUI 代码与组件目录 | [组件目录](https://snowui.dev/component-catalog.json)、[组件包入口](/downloads/source/v0.3.0-alpha.11/snowui-source-0.3.0-alpha.11-license-2.3.0.zip)、[Token](https://snowui.dev/llms/tokens.md)、[主题变量](https://snowui.dev/llms/tokens.md) | 组件官网链接见下表；应用主题由应用维护；组件主题声明以当前版本源码包为准。 |

**从 Figma 找代码**：先确定文件，再按页面、组件名、类型与变体查下方组件表；变量按集合、名称、类型、mode 查变量表。组件官网链接提供公开用法，源码导出以组件目录和包入口为准。**从代码找 Figma**：从组件导出名或 CSS Token 查本表相应行，打开原文件节点；不得只因名称相同就重写 Figma 值或代码值。

用户使用自己的副本时，应先给出副本文件 URL 和待修改组件或变量的名称；AI 在副本内用页面／集合、名称、节点类型、属性或 mode 和当前值重新定位，遇到重名或不一致时要求用户指定目标。原文件链接只用于定位参照，不能直接修改用户副本；用户副本不会因官方文件后续修改而自动同步。下方的“对应”表示职责、名称或 Token 语义相符，不表示全部组件变体和公开代码 API 已逐项验证。

## 变量 ↔ Token

本轮从原文件读取 **9 个集合、79 个本地变量**：Colors 31、Spacing 10、Size 12、Corner Radius 12、Visibility 1/2 各 1、Font Weight 2、Font 2、Paragraph Spacing 8。变量 ID 是原文件内的核对标识；用户副本应按集合＋名称＋类型＋mode 重新查找。颜色四个 mode 依次为 SnowUI-Light、SnowUI-Dark、iOS-Light、iOS-Dark；31 项别名解析后的 RGBA 值与当前版本源码包中的组件主题 CSS 四主题逐值一致。颜色的精确取值仍以该主题文件为代码权威；以下索引不另复制第二份主题数值表。

### Colors（31）

按变量名称自然排序；同名系列的数字按数值升序排列。

| Figma 变量（原文件 ID） | SnowUI 主题 Token | 说明 |
| --- | --- | --- |
| `Background/1`（`63800:86877`） | `--background-1` | 四 mode 解析值一致 |
| `Background/2`（`10796:1292`） | `--background-2` | 四 mode 解析值一致 |
| `Background/3`（`77680:18100`） | `--background-3` | 四 mode 解析值一致 |
| `Black/4%`（`10788:1272`） | `--black-4` | 四 mode 解析值一致 |
| `Black/10%`（`10788:1271`） | `--black-10` | 四 mode 解析值一致 |
| `Black/20%`（`10788:1270`） | `--black-20` | 四 mode 解析值一致 |
| `Black/40%`（`10788:1269`） | `--black-40` | 四 mode 解析值一致 |
| `Black/80%`（`10788:1268`） | `--black-80` | 四 mode 解析值一致 |
| `Black/100%`（`10788:1260`） | `--black-100` | 四 mode 解析值一致 |
| `Brand`（`12686:22005`） | `--brand` | 四 mode 解析值一致 |
| `Color 1`（`11033:14845`） | `--color-1` | 四 mode 解析值一致 |
| `Color 2`（`11033:14844`） | `--color-2` | 四 mode 解析值一致 |
| `Primary`（`10790:1273`） | `--primary` | 各 mode 按 Figma 别名对应 `--black-100`／`--black-40`／`--brand` |
| `Secondary/Blue`（`11033:14852`） | `--secondary-blue` | 四个 mode 均别名到 `Brand` |
| `Secondary/Cyan`（`11033:14851`） | `--secondary-cyan` | 四 mode 解析值一致 |
| `Secondary/Green`（`11033:14853`） | `--secondary-green` | 四 mode 解析值一致 |
| `Secondary/Indigo`（`11033:14849`） | `--secondary-indigo` | 四 mode 解析值一致 |
| `Secondary/Mint`（`11033:14854`） | `--secondary-mint` | 四 mode 解析值一致 |
| `Secondary/Orange`（`19302:59416`） | `--secondary-orange` | 四 mode 解析值一致 |
| `Secondary/Purple`（`11033:14850`） | `--secondary-purple` | 四 mode 解析值一致 |
| `Secondary/Red`（`11033:14856`） | `--secondary-red` | 四 mode 解析值一致 |
| `Secondary/Yellow`（`11033:14855`） | `--secondary-yellow` | 四 mode 解析值一致 |
| `Surface/1`（`79311:2892`） | `--surface-1` | 四 mode 解析值一致 |
| `Surface/2`（`79311:2893`） | `--surface-2` | 四 mode 解析值一致 |
| `Surface/3`（`79314:2894`） | `--surface-3` | 四 mode 解析值一致 |
| `White/4%`（`10788:1265`） | `--white-4` | 四 mode 解析值一致 |
| `White/10%`（`10788:1264`） | `--white-10` | 四 mode 解析值一致 |
| `White/20%`（`10788:1263`） | `--white-20` | 四 mode 解析值一致 |
| `White/40%`（`10788:1262`） | `--white-40` | 四 mode 解析值一致 |
| `White/80%`（`10788:1261`） | `--white-80` | 四 mode 解析值一致 |
| `White/100%`（`10788:1253`） | `--white-100` | 四 mode 解析值一致 |

### Corner Radius、Size、Spacing（34）

按集合名称、再按变量名称中的数字升序排列。下表记录本轮读取的值，顺序为 `Standard / Expanded (+4) / Expanded (+8) / Condensed (-4)`，名义单位为 px。Standard 与代码 Token 在 16px 根字号、scale=1 时对应；其他 Figma 模式的更新遵守下方 [Standard 基准与模式联动规则](https://snowui.dev/llms/figma-map.md#standard-%E5%9F%BA%E5%87%86%E4%B8%8E%E6%A8%A1%E5%BC%8F%E8%81%94%E5%8A%A8%E8%A7%84%E5%88%99)。代码 `--gap-scale`、`--size-scale`、`--radius-scale` 是乘数，不能代替这些 Figma 模式的加减关系。组件公开 `size`、`gap` 等 Prop 仍须按各自 API 解释，不能直接传 Token 后缀。

| 集合与 Figma 变量（原文件 ID） | 四个 mode 的值 | SnowUI Token（Standard） | 边界 |
| --- | --- | --- | --- |
| Corner Radius / `0`（`12345:4045`） | 0 / 0 / 0 / 0 | `--radius-0` | 四 mode 均为 0 |
| Corner Radius / `4`（`11828:14224`） | 4 / 8 / 12 / 0 | `--radius-1` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `8`（`11828:14225`） | 8 / 12 / 16 / 4 | `--radius-2` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `12`（`11828:14226`） | 12 / 16 / 20 / 8 | `--radius-3` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `16`（`11828:14227`） | 16 / 20 / 24 / 12 | `--radius-4` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `20`（`14836:69678`） | 20 / 24 / 28 / 16 | `--radius-5` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `24`（`11828:14228`） | 24 / 28 / 32 / 20 | `--radius-6` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `28`（`67317:1368`） | 28 / 32 / 36 / 24 | `--radius-7` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `32`（`11828:14229`） | 32 / 36 / 40 / 28 | `--radius-8` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `40`（`67317:1369`） | 40 / 44 / 48 / 36 | `--radius-10` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `48`（`67317:1370`） | 48 / 52 / 56 / 44 | `--radius-12` | Standard 对应；其余 mode 不是同一 scale |
| Corner Radius / `80`（`11828:14230`） | 80 / 84 / 88 / 76 | `--radius-20` | 语义全圆角的组件实现优先 `--radius-full` |
| Size / `12`（`79163:5439`） | 12 / 16 / 20 / 8 | `--size-3` | Standard 对应；其余 mode 不是同一 scale |
| Size / `16`（`11828:14211`） | 16 / 20 / 24 / 12 | `--size-4` | Standard 对应；其余 mode 不是同一 scale |
| Size / `20`（`11828:14214`） | 20 / 24 / 28 / 16 | `--size-5` | Standard 对应；其余 mode 不是同一 scale |
| Size / `24`（`11828:14215`） | 24 / 28 / 32 / 20 | `--size-6` | Standard 对应；其余 mode 不是同一 scale |
| Size / `28`（`11828:14216`） | 28 / 32 / 36 / 24 | `--size-7` | Standard 对应；其余 mode 不是同一 scale |
| Size / `32`（`11828:14217`） | 32 / 36 / 40 / 28 | `--size-8` | Standard 对应；其余 mode 不是同一 scale |
| Size / `40`（`12527:4478`） | 40 / 44 / 48 / 36 | `--size-10` | Standard 对应；其余 mode 不是同一 scale |
| Size / `48`（`11828:14218`） | 48 / 52 / 56 / 44 | `--size-12` | Standard 对应；其余 mode 不是同一 scale |
| Size / `56`（`63299:2592`） | 56 / 60 / 64 / 52 | `--size-14` | Standard 对应；其余 mode 不是同一 scale |
| Size / `64`（`63299:2591`） | 64 / 68 / 72 / 60 | `--size-16` | Standard 对应；其余 mode 不是同一 scale |
| Size / `72`（`63299:2590`） | 72 / 76 / 80 / 68 | `--size-18` | Standard 对应；其余 mode 不是同一 scale |
| Size / `80`（`11828:14219`） | 80 / 84 / 88 / 76 | `--size-20` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `0`（`59658:4923`） | 0 / 0 / 0 / 0 | `--gap-0` | 四 mode 均为 0 |
| Spacing / `4`（`10800:7051`） | 4 / 8 / 12 / 0 | `--gap-1` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `8`（`10800:7052`） | 8 / 12 / 16 / 4 | `--gap-2` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `12`（`10896:7735`） | 12 / 16 / 20 / 8 | `--gap-3` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `16`（`10800:7053`） | 16 / 20 / 24 / 12 | `--gap-4` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `20`（`10800:7054`） | 20 / 24 / 28 / 16 | `--gap-5` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `24`（`10800:7055`） | 24 / 28 / 32 / 20 | `--gap-6` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `28`（`10800:7056`） | 28 / 32 / 36 / 24 | `--gap-7` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `40`（`10838:1251`） | 40 / 44 / 48 / 36 | `--gap-10` | Standard 对应；其余 mode 不是同一 scale |
| Spacing / `48`（`10838:1252`） | 48 / 52 / 56 / 44 | `--gap-12` | Standard 对应；其余 mode 不是同一 scale |

#### Standard 基准与模式联动规则

`Corner Radius`、`Size`、`Spacing` 三个集合均以每个已映射变量的 Standard 为基准。设 Standard 的名义 px 值为 `S`，一次修改必须计算并一起写入四个模式：

| Figma 模式 | 更新后的值 |
| --- | --- |
| `Standard` | `S` |
| `Expanded (+4)` | `S + 4` |
| `Expanded (+8)` | `S + 8` |
| `Condensed (-4)` | `S - 4` |

用户说“`--radius-1` 改为 8”时，是修改该 Token 的名义基准值，并沿**既有映射**定位到 `Corner Radius / 4`（原文件变量 ID `11828:14224`）：Standard 改为 8，其他模式一起改为 12、16、4。不能改去操作 `Corner Radius / 8`，也不因数值变成 8 自动重命名变量、Token 或改变关联身份。`--size-*`、`--gap-*` 同理通过本表定位各自变量；变量名称与 Token 后缀用于识别，不能代替读取当前 Standard 值。代码中的 rem 换算与同步范围按现行样式规范执行。

该指令默认是映射变量的基准值改动；只有明确指定“某个实例／组件的局部覆盖”时才按局部修改解释。实际执行时先确认目标是官方原文件还是用户提供的副本，读取该变量四个模式的当前值，再同步代码基准值、Figma 四模式及受影响的对照记录；不得只改 Standard 或保留其他模式旧值。用户副本须重新定位，原文件变量 ID 不能直接当成副本身份。

**当前零值快照与计算边界**：上表 `Corner Radius / 0` 与 `Spacing / 0` 的当前读取结果是 `0 / 0 / 0 / 0`，与上述统一公式不一致。本次规则整理保留其实际读取值，不把旧值自动认定为用户批准的公式例外，也不据此宣称已完成模式同步。后续实际同步时按新 Standard 计算；若新 Standard 小于 4、使 `Condensed (-4)` 为负值，应先报告该值及目标属性约束，由设计文件所有者确认处理方式，不能自行加入截断为 0、取绝对值或保留旧模式值等新规则。本节中的“改为 8”是操作示例，不是本次实际改值指令。

### 其他变量（14）

按集合与变量名称自然排序；`Paragraph Spacing` 的数字按数值升序排列。

| 集合与 Figma 变量（原文件 ID） | Figma mode / 值 | SnowUI 对应 | 关联状态 |
| --- | --- | --- | --- |
| Font / `Font`（`71877:1650`） | Inter / SF Pro / Bai Jamjuree / Space Grotesk | `--font-family`（默认 Inter） | 其余三种字体 mode 无对应主题 Token |
| Font / `Letter spacing`（`71889:30921`） | 四 mode 均为 0 | — | 默认字距 0；无独立 Token |
| Font Weight / `Regular`（`60927:208`） | Regular / Semi Bold：400 / 600 | `.font-normal`（400） | 首个 mode 对应；反转 mode 无同名 Token |
| Font Weight / `Semibold`（`60927:209`） | Regular / Semi Bold：600 / 400 | `.font-semibold`（600） | 首个 mode 对应；反转 mode 无同名 Token |
| Paragraph Spacing / `8`（`71877:1655`） | Text=0 / Paragraph=8 | `.text-12.paragraph`（元素下边距 8px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `10`（`71877:1656`） | Text=0 / Paragraph=10 | `.text-14.paragraph`（元素下边距 10px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `12`（`71877:1657`） | Text=0 / Paragraph=12 | `.text-16.paragraph`（元素下边距 12px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `14`（`71877:1658`） | Text=0 / Paragraph=14 | `.text-18.paragraph`（元素下边距 14px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `18`（`71877:1659`） | Text=0 / Paragraph=18 | `.text-24.paragraph`（元素下边距 18px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `24`（`71877:1660`） | Text=0 / Paragraph=24 | `.text-32.paragraph`（元素下边距 24px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `36`（`71877:1661`） | Text=0 / Paragraph=36 | `.text-48.paragraph`（元素下边距 36px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Paragraph Spacing / `48`（`71877:1662`） | Text=0 / Paragraph=48 | `.text-64.paragraph`（元素下边距 48px） | 仅独立段落元素时可近似；同一文本对象内不等价 |
| Visibility 1 / `Visibility 1`（`12118:13616`） | True=true / False=false | — | 组件状态／可见性行为；无全局 Token |
| Visibility 2 / `Visibility 2`（`15803:57048`） | True=true / False=false | — | 组件状态／可见性行为；无全局 Token |

Figma 的 `Paragraph Spacing` 控制**同一文本对象内相邻段落之间**的额外间距，不改变同段文字的行距；`Text=0 / Paragraph=N` 表示两种 Figma mode 的取值。SnowUI 一方页面 utility `.text-*.paragraph` 则为整个元素设置 `margin-bottom`：把每段拆成独立元素时可形成相近的段间距，但末段也可能留下下边距，且不会改变单个文本对象内部的段落间距。组件包目前没有与 Figma 此属性语义等价的公开 Token 或 Text Prop；外部产品也不必引入该页面 utility。`Font Weight` 的反转 mode、`Font` 的 SF Pro／Bai Jamjuree／Space Grotesk mode、两个 `Visibility` 布尔集合也没有现成的同名全局 CSS Token。它们是明确的映射缺口，不用近似值、单个 CSS 属性或其他语义 Token 冒充一一对应。字体家族的当前默认是 `--font-family: var(--font-inter)`，字距默认 0；其他字体 mode 是否加入代码主题须单独确定。

## 组件对应表

本表记录 Figma 文件所有页面中的主组件与组件集，不逐一展开组件集里的变体。链接精确指向原始 Figma 文件中的节点。页面专用、品牌专用和归档组件也列出，但不强行对应到通用代码组件。SnowUI 组件名称与官网路径依据[公开组件目录](https://snowui.dev/component-catalog.json)与[组件用法](https://snowui.dev/llms/components.md)。

| Figma 页面 | Figma 组件名与链接 | SnowUI 组件与官网链接 | 关联说明 |
| --- | --- | --- | --- |
| Base | [Text](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10415-2668) | [Text](https://snowui.dev/components/text) | Figma 包含 Count、State、Vertical 等多文本组合；非逐属性对应。 |
| Base | [Icon](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10412-2221) | [Icon](https://snowui.dev/components/icon) | Figma 组件集含 Size、Background、Badge。 |
| Base | [IconText](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10922-11193) | [Icon](https://snowui.dev/components/icon)、[Text](https://snowui.dev/components/text) | 组合；官网没有独立 IconText 组件。 |
| Base | [Frame](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=11029-16555) | [Frame](https://snowui.dev/components/frame) | Frame 主组件集。 |
| Base | [Frame/GroupText](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-162817) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/TextIcon-Text](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-162356) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/IconText-Text](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-161895) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/Text](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-163736) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/Icon](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-163705) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/TextIcon-Icon](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-159162) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Frame/IconText-Icon](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76508-158251) | [Frame](https://snowui.dev/components/frame) | Frame 组合样式；不是独立代码组件。 |
| Base | [Group](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10922-14401) | — | 重复内容分组；未确认独立 SnowUI 组件。 |
| Base | [Button](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10913-25837) | [Button](https://snowui.dev/components/button) | Figma 组件集含 Size、Variant、State、左右图标和文本。 |
| Base | [Button/Active](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80144-8155) | [Button](https://snowui.dev/components/button) | Button 的单独设计状态；不是独立代码组件。 |
| Base | [Button/Disabled](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80129-4844) | [Button](https://snowui.dev/components/button) | Button 的单独设计状态；不是独立代码组件。 |
| Base | [Image](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12558-23137) | [Image](https://snowui.dev/components/image) | 职责对应；Figma 的 Selected、Option 等属性需逐项核对。 |
| Base | [Link](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=59561-4586) | [Link](https://snowui.dev/components/link) | 职责对应；含箭头和外部链接设计变体。 |
| Base | [Strip](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12268-22507) | — | 未确认独立 SnowUI 组件；不能仅凭外观映射为 Separator。 |
| Base | [Line](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=8778-2305) | — | Figma 具有 Layout、Count 属性；不能仅凭名称映射为 Separator。 |
| Base | [Tag](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10893-6020) | [Tag](https://snowui.dev/components/tag) | 职责对应；含 Type、State 和左右图标。 |
| Base | [Badge](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10893-6118) | [Badge](https://snowui.dev/components/badge) | Dot、Number 两种设计类型。 |
| Base | [Chip](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12469-21473) | [Chip](https://snowui.dev/components/chip) | 职责对应；颜色与尺寸需逐项核对。 |
| Base | [Separator](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80103-3187) | [Separator](https://snowui.dev/components/separator) | 同名分隔组件。 |
| Base | [ButtonGroup](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80103-3480) | [ButtonGroup](https://snowui.dev/components/button-group) | 职责对应；含 Size、Variant。 |
| Common | [Mask](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10233-2185) | — | 未确认独立 SnowUI 组件。 |
| Common | [Search](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12469-21163) | [SearchBox](https://snowui.dev/components/search-box) | 按设计维护者确认对应 SearchBox；含 Gray、Outline、Typing 等设计类型，具体属性仍需逐项核对。 |
| Common | [Toast](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12618-4569) | [Toast](https://snowui.dev/components/toast) | 含成功、失败和大小变体。 |
| Common | [Tab](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12870-6600) | [Tab](https://snowui.dev/components/tab) | 含 Size、Variant、State。 |
| Common | [DatePicker](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12779-63753) | — | 当前组件目录无独立 DatePicker 页面。 |
| Common | [Scrollbar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=31940-116434) | — | 设计的滚动条状态；当前组件目录无独立 Scrollbar 页面。 |
| Common | [SearchPopup](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=35426-172964) | [SearchPopup](https://snowui.dev/components/search-popup) | 同名主组件。 |
| Common | [Slider/Solid](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=39359-209193) | [Slider](https://snowui.dev/components/slider) | Slider 的 Solid 设计分支；Progress、Active 与代码 API 需另行核对。 |
| Common | [SliderBar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=59344-62525) | [Slider](https://snowui.dev/components/slider) | Slider 子结构；不是独立代码组件。 |
| Common | [Tooltip/Interaction](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73885-5651) | [Tooltip](https://snowui.dev/components/tooltip) | 仅用于 Figma 原型交互，不当作独立生产组件。 |
| Common | [Notifications](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29361) | — | 未确认独立 SnowUI 组件。 |
| Common | [Contacts](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29367) | — | 未确认独立 SnowUI 组件。 |
| Common | [Activities](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29374) | — | 未确认独立 SnowUI 组件。 |
| Common | [Notifications/Interaction](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-25975) | — | 仅用于 Figma 原型交互；未确认独立 SnowUI 组件。 |
| Common | [Card](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12552-8287) | [Card](https://snowui.dev/components/card) | 含 Count、State、Vertical；非逐属性对应。 |
| Common | [Popover](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=26715-89257) | [Popover](https://snowui.dev/components/popover) | 设计含 Count 与多项内容。 |
| Common | [Popover/Medium](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80146-8700) | [Popover](https://snowui.dev/components/popover) | Popover 的单独尺寸设计；不是独立代码组件。 |
| Common | [Popover/Large](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80146-8701) | [Popover](https://snowui.dev/components/popover) | Popover 的单独尺寸设计；不是独立代码组件。 |
| Common | [Listbox](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=79640-5117) | [Listbox](https://snowui.dev/components/listbox) | 同名主组件。 |
| Common | [Input](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=10922-15620) | [Input](https://snowui.dev/components/input) | 含 Type、State；多行组合需另行核对。 |
| Common | [Field/Address](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76638-2928) | [Field](https://snowui.dev/components/field) | Field 的地址输入组合；不是独立代码组件。 |
| Common | [Field/CreditCard](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76638-2929) | [Field](https://snowui.dev/components/field) | Field 的信用卡输入组合；不是独立代码组件。 |
| Common | [Popover/Interaction](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=74092-48916) | [Popover](https://snowui.dev/components/popover) | 仅用于 Figma 原型交互，不当作独立生产组件。 |
| Common | [Field/TwoInputs](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76638-2927) | [Field](https://snowui.dev/components/field) | 两个输入项的组合；需与 Input 共同核对。 |
| Common | [Field/ThreeInputs](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76698-5423) | [Field](https://snowui.dev/components/field) | 三个输入项的组合；需与 Input 共同核对。 |
| Common | [Tooltip](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=79144-3565) | [Tooltip](https://snowui.dev/components/tooltip) | 含 Dark、Light 设计变体。 |
| Common | [Kbd](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=79762-3723) | [Kbd](https://snowui.dev/components/kbd) | 含 Border、Solid 设计变体。 |
| Common | [CodeBlock](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=79776-4208) | [CodeBlock](https://snowui.dev/components/code-block) | 同名主组件。 |
| Common | [Breadcrumb](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80111-3519) | [Breadcrumb](https://snowui.dev/components/breadcrumb) | 同名主组件。 |
| Common | [Pagination](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80111-4614) | [Pagination](https://snowui.dev/components/pagination) | 同名主组件。 |
| Common | [Textarea](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80148-9075) | [Textarea](https://snowui.dev/components/textarea) | 含 State 设计变体。 |
| Common | [Accordion](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80148-9281) | [Accordion](https://snowui.dev/components/accordion) | 含 Size、Variant。 |
| Common | [DataTable](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80361-3934) | [DataTable](https://snowui.dev/components/data-table) | 按设计维护者确认对应 DataTable；其 Table、分页等内部组合仍需逐项核对。 |
| Common | [Progress](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80362-6756) | [Progress](https://snowui.dev/components/progress) | 含线形、圆形和 Thickness 设计变体。 |
| Common | [Slider](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=80362-6818) | [Slider](https://snowui.dev/components/slider) | 含 Default、Vertical、Range、Step 设计变体。 |
| Common | [Dialog](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=81086-3540) | [Dialog](https://snowui.dev/components/dialog) | 含 Small、Medium、Large 设计变体。 |
| Mobile | [Phone](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=8407-623) | — | 移动设备框架；未确认独立 SnowUI 组件。 |
| Mobile | [NavigationBar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=67826-4905) | — | 移动导航组合；不直接等同通用导航组件。 |
| Mobile | [TabBar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=67819-574) | — | 移动底部导航；不直接等同 Tab。 |
| Brand | [SocialMedia](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272485) | — | 品牌组合；未确认独立 SnowUI 组件。 |
| Brand | [Copyright](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272516) | — | 品牌文案；未确认独立 SnowUI 组件。 |
| Brand | [MadeWithSnowUI](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272518) | — | 品牌组合；未确认独立 SnowUI 组件。 |
| Brand | [SnowUI Library](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272529) | — | 品牌组合；未确认独立 SnowUI 组件。 |
| Brand | [Navigation](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272532) | — | 品牌导航组合；不直接等同 Sidebar。 |
| Brand | [SnowUI Logo](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272534) | [SnowUILogo](https://snowui.dev/components/snow-ui-logo) | 品牌标识对应；需核对各排列变体。 |
| Brand | [Documentation](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=52355-272544) | — | 文档页眉／页脚设计；未确认独立 SnowUI 组件。 |
| Hello | [About me](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=72736-323) | — | 文件介绍页组件；未确认独立 SnowUI 组件。 |
| Design system | [SnowUI Design System](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5362) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Contents of Design System](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5375) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [90% Principle](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5380) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Variables](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5387) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Spacing, Size, Corner Radius](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5540) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Colors](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5600) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Text Styles](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5488) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Effect Styles](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5518) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Components](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5423) | — | 介绍页内容组件；无独立代码组件。 |
| Design system | [Design Resources](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=60755-5458) | — | 介绍页内容组件；无独立代码组件。 |
| Dashboard | [Footer](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-28935) | — | Dashboard 页面专用组合。 |
| Dashboard | [RightSidebar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-28938) | — | Dashboard 页面专用组合；不直接等同 SidePanel。 |
| Dashboard | [TabBar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-28961) | — | Dashboard 页面专用导航；不直接等同 Tab。 |
| Dashboard | [Header](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-28968) | — | Dashboard 页面专用组合。 |
| Dashboard | [Sidebar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-28995) | — | Dashboard 页面专用设计，不与通用 Sidebar 建立对应。 |
| Dashboard | [Pagination](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76652-7112) | — | Dashboard 页面专用设计，不与通用 Pagination 建立对应。 |
| Dashboard | [TextStrip](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=12527-4347) | — | 页面专用文本排列；未确认独立代码组件。 |
| Settings | [ThemeSelection](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29199) | — | 设置页专用组合；不直接等同 ThemeButton。 |
| Settings | [SettingsNav](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29224) | — | 设置页专用组合。 |
| Settings | [FontSizeSetting](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29232) | — | 设置页专用组合。 |
| Settings | [SettingsPopoverTitle](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29245) | — | 设置页专用组合。 |
| ChatGPT | [ChatGPTLogo](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29275) | — | 第三方品牌专用资源；不对应 SnowUILogo。 |
| ChatGPT | [ChatGPTSettingsSidebar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=74789-2544) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTSideFreme](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1705) | — | ChatGPT 示例页专用组合；名称保留 Figma 原样。 |
| ChatGPT | [ChatGPTChatInput2](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1727) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTChatAssets](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1730) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTChatInput/Assets](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1760) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTChatInput](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1770) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTTopBar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1788) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTTopBar/Assets](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75165-1796) | — | ChatGPT 示例页专用组合。 |
| ChatGPT | [ChatGPTSidebar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=76255-2850) | — | ChatGPT 示例页专用组合；不直接等同通用 Sidebar。 |
| AI Chat | [AIChatCard](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29248) | — | AI Chat 示例页专用组合；不直接等同通用 Card。 |
| AI Chat | [AIChatNav](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29261) | — | AI Chat 示例页专用组合。 |
| AI Chat | [AIChatBottomNav](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29266) | — | AI Chat 示例页专用组合。 |
| AI Chat | [AIChatSidebar](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29282) | — | AI Chat 示例页专用组合；不直接等同通用 Sidebar。 |
| AI Chat | [AIChatContent](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29319) | — | AI Chat 示例页专用组合。 |
| AI Chat | [AIChatInput](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29331) | — | AI Chat 示例页专用组合；不直接等同通用 Input。 |
| Authentication | [reCAPTCHA](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29100) | — | 第三方验证界面；无独立 SnowUI 组件。 |
| Authentication | [SignInWithGoogle](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73957-29148) | — | 第三方登录组合；不直接等同通用 Button。 |
| Archive | [Button/Interaction](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73878-42356) | — | 归档原型交互组件，不作为当前 Button 设计依据。 |
| Archive | [Interaction/Hover](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73878-42353) | — | 归档原型交互组件。 |
| Archive | [Interaction/Click](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=73878-42354) | — | 归档原型交互组件。 |
| Archive | [Item](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=75833-2016) | — | 归档组件；未确认当前代码对应。 |
| License | [SnowUI License Agreement](https://www.figma.com/design/eDqeDtsitne9fCi9yA0ltz?node-id=62583-3310) | — | 许可展示内容；无独立代码组件。 |

这份文件共核对 115 个顶层主组件或组件集（Base 24、Common 36、Mobile 3、Brand 7、Hello 1、Design system 10、Dashboard 7、Settings 4、ChatGPT 10、AI Chat 6、Authentication 2、Archive 4、License 1）。其余页面没有发现顶层主组件或组件集。`—` 表示目前无经核对的独立 SnowUI 组件页面，不表示该设计无法用 SnowUI 组件组合实现。本表只读核对了 Figma 节点名称、类型、说明、部分属性与组件目录，尚未逐一验证所有变体的精确 API 映射。