暗色模式
变量
变量是 MasterGo 的设计 Token 系统,让你集中管理设计中的参数值。
变量类型
| 类型 | 示例值 |
|---|---|
| 颜色 | #4F46E5 |
| 数字 | 16、24、48 |
| 字符串 | 'Inter'、'Submit' |
| 布尔 | true、false |
创建变量
- 打开变量管理面板(右侧属性栏 → 变量管理,或快捷键 Option + Command + Y / Alt + Ctrl + Y)
- 点击「新建变量」→ 选择类型和集合
- 填入名称和值
变量集合与模式
- 集合:将相关变量组织在一起(如「间距」「颜色」)
- 模式:一个变量在不同模式下的值(如亮色模式/暗色模式)
- 切换模式时,所有引用了该变量的图层自动更新
引用变量
在属性面板的输入框中输入变量名,或从变量下拉列表中选择。 变量可以在:填充、描边、效果、自动布局 Gap/Padding、文本字号等位置使用。
变量 vs 样式
| 变量 | 样式 | |
|---|---|---|
| 粒度 | 单一值 | 一组属性 |
| 用途 | Token 级别的参数化 | 图层级别的快捷应用 |
| 示例 | primary-500: #4F46E5 | 「主按钮」= 蓝色填充 + 白色文字 + 圆角 8px |
常见问题
| 问题 | 解决方法 |
|---|---|
| 变量值改后图层没变 | 确认图层属性引用了变量而非直接输入 |
| 变量模式切换不生效 | 确认当前模式与目标模式中变量值不同 |
| 找不到某个变量 | 检查变量所在集合是否正确,使用搜索功能查找,确认当前 Tab 是否为"变量" |
| 变量可以跨文件使用吗 | 变量随文件保存,可在同一文件的多个画板中复用。跨文件复用建议使用团队库功能 |