必须逐层构建颜色、字体、间距、图标、组件等模块，建立动态主题系统（如“笑脸/”“哭脸/”前缀）、语义化文本样式（如“一般/正文-20R”）、自动布局间距模度（如“H/12”）及团队组件库，确保规范可复用、可维护、可同步更新。
要在MasterGo中真正落地一套可复用、可维护、能同步更新的设计规范，必须从颜色、字体、间距、图标、组件等核心模块逐层构建，不能只建样式不建结构，也不能跳过动态模式适配直接写死色值。
创建动态颜色系统
打开新文件→新建页面命名为【设计规范/颜色】→在画布中拖入多个矩形，分别代表品牌色、文本色-高强调、中性色-背景、功能色-成功等语义化色块。
选中第一个矩形→右侧面板点击【样式】→【创建或使用样式】→输入名称【笑脸/品牌色/主色】→确认。注意：命名中【笑脸】代表亮色模式，这是后续切换暗色模式时识别分类的关键前缀。
重复操作，为每个色块创建对应样式，全部使用【笑脸/xxx】前缀；完成后，复制整套色块→粘贴到同一页下方→将所有色块改为暗色模式下的对应色值→统一改名为【哭脸/xxx】，确保层级和二级名完全一致。
这一步做完后，开发调用时只需切换主题变量，所有绑定该样式的元素会自动响应变化。
定义字体样式并绑定字重与行高
方法一：直接创建文本样式
输入一段示例文字→设置字体为【PingFang SC】（iOS）或【Source Han Sans SC】（Android）→字号26、行高32→右侧面板点击【创建或使用样式】→命名为【引领/特定-26M】。
方法二：批量生成常用样式
按规范列出四类文本场景：引领、重要、一般、辅助→分别设置字号+行高组合（如20R/15R/12R），全部用英文斜杠命名，例如【一般/正文-20R】。记住：【R】代表Regular、【M】代表Medium、【B】代表Bold，这是团队内快速识别字重的通用标记。
所有样式创建完毕后，在【文本】图层面板中手动勾选【使用样式】开关，确保后续插入的文字默认继承规范而非自由打字。
配置自动布局驱动的间距模度
第一步：建立基础模度容器
新建一个32×32正方形→右键→【添加自动布局】→设为垂直方向→设置上下边距为8、间距为8。
第二步：生成可复用的间距单元
复制该容器5次→分别修改上下边距为4/8/12/16/24→重命名为【H/4】、【H/8】、【H/12】、【H/16】、【H/24】。这些就是纵向间距的原子单位。
第三步：绑定到实际组件
选中头像+昵称+简介组成的用户信息组→添加自动布局→将【H/12】拖入组内作为分隔器→锁定其高度不可缩放。这样无论在哪复用该组，纵向节奏都严格对齐规范。
横向间距同理，用【W/4】、【W/8】、【W/16】等命名建立W模度体系，全部放在独立页面【设计规范/间距】中集中管理。
将图标与组件纳入团队库
先完成图标绘制：所有线性图标统一描边1.6、基板32×32、中文命名（如【搜索-线性】）、约束设为【跟随缩放】；面性图标填充单色、禁用描边；场景图标按使用页分类（如【首页/消息气泡】）。
全部图标选中→右键→【创建组件】→再右键该组件→【创建组件集】→添加不同状态（默认/悬停/禁用）→保存为【图标/线性/搜索】。
最后一步最关键：点击左上角【组件】→【管理】→【添加为团队库】→勾选【包含颜色、字体、图标、组件、特效】→点击【上传更新】。此时其他成员新建文件→打开【组件】面板→开启开关→就能实时调用你刚发布的整套规范。
