mastergo ai 通过设计系统预设、token 管理和结构化约束实现间距统一,而非事后修复;依托 design token 建立模度体系(如 space-8、space-16),在 auto layout 中绑定 padding/spacing 至 token,并通过别名映射对齐研发理解,最后用规范检查插件一键校验与批量修正。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 本身不直接“修复”间距不统一问题,而是通过设计系统预设、Token 管理和结构化约束,让间距从生成源头就受控。关键不在事后调整,而在让 AI 理解并继承团队的间距规范。
用 Design Token 统一定义间距尺度
MasterGo 的 Design Token(设计令牌)支持集中管理常用间距值,例如 space-8、space-16、space-24 等。这些不是随意数字,而是按 4 或 8 的倍率建立的模度体系。AI 在生成组件时,若项目已配置并启用该 Token 库,会优先调用预设值而非随机输出。
- 在 MasterGo「设计系统」中新建 Sizing 类型 Token,命名清晰(如 space-xs=4、space-sm=8、space-md=16)
- 确保 Token 设置为「团队共享」,使 AI 插件上下文能读取最新版本
- 避免在提示词中写“留 13px 空隙”这类非模度数值,改用“使用标准中等间距”或直接引用 token 名称
在 Auto Layout 中绑定间距逻辑
AI 生成的模块若未启用 Auto Layout,或仅靠手动拖动对齐,极易导致子元素间距漂移。MasterGo 支持在容器级开启结构化布局,并将内边距(Padding)、项目间距(Item Spacing)等参数直接关联到 Token。
- 选中 AI 生成的卡片、列表、轮播等 Frame,右键启用「自动布局」
- 在右侧属性面板中,点击 Padding 或 Spacing 字段旁的下拉箭头,选择已定义的 Token(如 space-md)
- 确认字段显示为蓝色 Token 图标,而非灰色纯数字——这表示已绑定,后续新增子项也会继承该间距
用组件库 + 别名系统对齐研发侧理解
间距不一致的深层原因常是设计与开发对同一语义的理解错位。比如设计师说“卡片之间空一格”,前端可能理解为 margin-bottom: 16px,也可能误用 padding 或 flex gap。MasterGo DSM(设计系统管理平台)通过别名映射解决这个问题。
- 为 space-md 设置别名,如 component-gap 或 list-item-spacing
- 前端在 Cursor 或工程中读取该别名时,能明确对应到具体用途,而非仅看数值
- 当设计稿更新 space-md = 20px,所有绑定该 Token 的组件及导出代码会同步响应,无需人工逐个修改
生成后一键校验与批量修正
MasterGo 提供「设计规范检查」插件(部分企业版支持),可扫描画布中所有使用 Auto Layout 的模块,识别未绑定 Token 的间距字段、偏离模度的异常值(如出现 18px、27px 这类非 4 倍数),并支持一键替换为最近似标准值。
- 运行检查前,确保当前画布已链接至有效 Design System
- 对高亮出的“未标准化间距”,可批量选择 → 右键 →「应用间距预设」→ 指定 space-16
- 对于历史遗留的纯数字间距,工具会提示是否转为 Token 引用,转换后即纳入统一管控











