mastergo ai 从设计源头规范留白,通过学习企业 design system 的 spacing tokens 自动应用间距规则;支持局部微调、预置库语义继承及留白自动检查修复。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 并不依赖“生成后手动调留白”的被动修正方式,而是从设计逻辑源头介入,让留白更合理、更可控。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
留白不是靠后期修,而是靠规范驱动生成
MasterGo AI 设计助手能深度学习企业已有的 Design System(设计系统),包括间距体系(如 4px/8px 基准、段落行高、组件内边距等)。它不是凭感觉分配空白,而是严格按团队定义的 spacing tokens 来布局元素。比如输入“生成一个登录表单”,AI 会自动应用你设定的「输入框上下间距=16px」「按钮与文字间距=24px」等规则,避免拥挤或空洞。
支持局部微调,精准控制留白区域
生成后若某处留白仍不理想,无需重绘整页:
- 框选某个容器或文字块,直接用右侧属性面板调整 padding/margin;
- 使用 AI 设计助手的「局部修改」功能,对选中区域下达指令,例如:“把标题和下方按钮之间的间距缩小到 20px”;
- 批量选中同类图层(如所有卡片),一键统一内边距或外边距。
预置库自带留白语义,减少自由发挥偏差
当选用 Ant Design、Element Plus 等预置组件库生成界面时,AI 自动继承其官方留白规范。这些库本身经过大量产品验证,像表单标签与输入框的垂直节奏、列表项之间的呼吸感,都已固化为可复用的结构逻辑,不会出现“AI 自由发挥导致段落堆叠”这类问题。
留白检查与自动修复功能
AI 设计助手提供「设计规范检查」能力,能扫描当前画布,识别不符合间距标准的图层组合,并提示具体偏差值(如“该按钮与上方文字实际间距为 12px,应为 24px”),支持一键修复,把留白问题从主观判断变成可量化、可执行的任务。
基本上就这些。










