很多文件越做越乱，本质是“数值不统一 + 命名不统一 + 没有可复用的样式”。这篇教程带你在 10 分钟内搭出一套可扩展的字号与间距规范：变量（Variables）统一数值、样式（Styles）统一调用、命名规则方便团队协作。
在动手前先确定一张“尺度表”，后面所有变量和样式都从这里来。给你一个通用且好扩展的起步方案：
间距（Spacing）：4 / 8 / 12 / 16 / 24 / 32 / 48 / 64
字号（Font size）：12 / 14 / 16 / 18 / 20 / 24 / 28 / 32
行高（Line height）：建议用倍数法（例如 1.4~1.6），或用固定值与字号成组（16→24，14→20，12→18）。
1）打开：右侧面板的 Variables（或从 Assets/Local variables 进入）。
2）新建集合（Collection）：例如命名为 DS / Core。
3）新建 Number 变量：按你的尺度表逐个建立，例如：
space/4, space/8, space/12, space/16, ... font/12, font/14, font/16, ... lh/18, lh/20, lh/24, ...提示：变量名尽量用小写+斜杠分组，别用“最终稿/新版/临时”这类词。
目标：设计时只选样式，不再手打字号/行高。
1）选中一段文字 → 右侧 Text → 点击样式图标（四点）→ Create style。
2）建立常用层级（示例）：
Text/Body/16（字号 16，行高 24）
Text/Body/14（字号 14，行高 20）
Text/ /20（字号 20，行高 28）
3）将字号与行高尽量绑定到你刚建的变量（若你的版本支持在相关字段引用变量，就用变量；不支持也没关系，关键是命名与数值保持一致）。
Figma 目前对“间距样式”的支持会随版本变化，但你仍然可以把间距规范化到 Auto Layout：
1）给组件/容器加 Auto Layout。
2）Padding 与 Item spacing 只从尺度表里选：4/8/12/16/24…不要出现 13、19 这种“孤岛值”。
3）当你需要新规格时，只新增一个尺度（例如 40），不要每个组件各写各的。
把命名定清楚，协作成本会骤降。推荐：
Text/{Role}/{Size} space/{Value} font/{Value} lh/{Value}Role 用英文更稳定： 、Body、Caption、Button 等。Size 用数字。不要在样式名里写“中文描述 + 版本号”。
以按钮为例：
1）按钮文字统一用 Text/Button/14（或你团队的按钮样式）。
2）按钮左右 padding 用 space/12 或 space/16。
3）按钮高度不要到处写 43、46，统一到 40/44/48 之一（同样遵循尺度表）。
4）组件说明里写清楚：默认用哪个 Text Style、padding 使用哪些值。
□ 文件里是否还出现大量“孤岛字号”（例如 15、17、19）？
□ 是否存在同样的正文却用了不同的行高？
□ 组件 padding 是否都落在尺度表上？
□ 文本样式命名是否能让新人一眼选对？
坑 1：一开始就做得过细（几十个层级）。修复：先做 6~10 个最常用层级，后面再补。
坑 2：不同页面各自调整字号。修复：只允许改样式/变量，不允许在页面上“手动改数值”。
坑 3：命名混乱导致样式越攒越多。修复：每周清理一次不用的样式；强制按规则命名。
当“变量管数值、样式管调用、命名管协作”三件事同时成立，你的文件会更统一、组件更好维护、交付也更顺畅。你可以先按本文把底座搭好，再逐步扩展到颜色、圆角、描边与阴影。
