MasterGo AI 通过设计系统管理圆角,将其作为可命名、可复用、可校验的规范要素:设计师定义语义化圆角样式(如「控件圆角/小」),AI 在生成、编辑、校验中自动继承、匹配与修正,确保一致性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 实现圆角的统一,并不是靠“AI自动猜半径”,而是把圆角作为设计系统中可管理、可复用、可校验的规范要素来处理——它让圆角从“手动调数值”的操作,变成“被约束、被继承、被检查”的设计资产。
圆角作为设计系统的一部分被定义和复用
在 MasterGo 中,圆角不是孤立参数,而是设计系统(DSM)里可命名、可引用的样式。设计师先在设计文件中创建一套标准圆角值(如 4px、8px、12px、圆角矩形等),命名为「控件圆角/小」「卡片圆角/中」等语义化名称。后续新建按钮、卡片或容器时,直接选择这些已定义的圆角样式,而非每次手动输入数值。MasterGo AI 设计助手能识别并优先调用这些已注册的圆角样式,确保批量生成的界面组件天然保持一致。
AI 生成时自动匹配上下文圆角规范
当你使用「AI 生成界面」功能并输入需求(例如“一个后台数据看板,含6张统计卡片”),MasterGo AI 会做两件事:
- 若当前文件已接入企业私有设计系统,AI 会解析其中预设的圆角规则(比如“卡片统一用 8px 圆角,按钮用 4px”),并在生成时严格套用;
- 若未接入私有系统但启用了 Ant Design 等开源组件库,AI 会按该库默认规范(如 Ant Design 卡片圆角为 6px)输出,避免凭空设定。
这意味着:圆角不是由大模型自由发挥,而是由你已有的设计资产决定——AI 是执行者,不是决策者。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
局部编辑与批量修正时智能继承与对齐
生成后若需调整,MasterGo AI 支持对选中图层进行“智能重设圆角”:
- 选中多个按钮 → 右键「AI 编辑」→ 选择「统一圆角为【控件圆角/小】」,所有图层立刻同步更新;
- 对单个卡片修改圆角值 → AI 可提示“此值偏离团队规范(应为 8px)”,并一键修复;
- 双击进入矢量编辑模式时,端点处的圆角控制也支持拖拽式微调,且数值实时关联到已定义的样式名。
规范反向提取与合规性扫描保障长期统一
当项目积累大量页面后,MasterGo AI 还能反向工作:
- 「规范自动构建」功能可扫描画布中所有矩形图层的圆角值,聚类分析出高频使用值(如 4/8/12),建议生成标准圆角样式集;
- 「合规校验」开启后,AI 实时标记那些用了 5.5px 或 10px 等非标准值的图层,并高亮提示“偏离【卡片圆角/中】规范”。
这种闭环机制,让圆角的一致性不依赖设计师记忆或自觉,而由工具主动维护。

















