免费资源

Design System 令牌整理:先语义命名,再建三层结构

组件样式散落各处,换个品牌色就要全项目搜索替换。

资源介绍

Design System 令牌整理:先语义命名,再建三层结构 一句话看懂 组件样式散落各处,换个品牌色就要全项目搜索替换。Design System 方法用原始值、语义角色、组件用法三层令牌整理样式,并为每项决策补齐适用场景和理由。它是设计系统的工作方法,不是组件库、自动改码器或可直接导入 Figma 的成套资产。 它能帮你做什么 把颜色、间距、字号从硬编码整理成语义令牌。 为每项令牌和组件写清 What、When、Why 与 When NOT。 用统一命名的组件 API 减少团队沟通成本。 选一组现有样式建三层令牌 输入:现有界面里的颜色、间距、字号和组件清单。 收集原始值,把 blue-500、14px 这类字面命名整理为 primary、text-sm 之类的语义命名。 按 Primitive、S…

资源信息

资源类型
工作流
版本
commit-f825206a
最近核验
2026.09.18

相关推荐