MasterGo AI 可直接在画布内用自然语言实时调整官网视觉效果，支持配色、字体、间距、布局等批量修改，兼容设计规范校验与修复，并能通过参考图实现风格迁移。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 能直接在画布内调整官网视觉效果，不用重做设计稿，也不依赖设计师手动改色、调间距或换字体。

用自然语言实时修改配色与主题

选中整个页面或某个模块后，在 AI 设计助手面板输入类似“把主色调改成深蓝#0A4A8C，按钮圆角调为12px，文字统一用思源黑体Medium”这样的指令，AI 会立刻应用到所有相关图层。它能识别语义中的颜色值、尺寸单位和字体名称，并自动匹配现有组件库中的可替换项。

• 支持 HEX、RGB、中文色名（如“浅灰”“珊瑚红”）等多种输入方式
• 若官网已绑定团队设计规范，AI 会优先从规范色板/字体库中选取合规值
• 修改后可一键对比前后效果，保留原图层结构和交互逻辑

批量优化排版与组件间距

面对官网常见的“文字太挤”“卡片留白不一致”“响应式断点错位”等问题，一句提示就能统一调整。比如输入：“让所有标题行高增加20%，正文段落间距设为1.6倍，卡片内边距统一为24px”，AI 会遍历同类图层并智能适配层级关系。

MaterialDesign风格下拉菜单jquery插件

menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。

下载

• 自动区分标题、正文、按钮等语义类型，避免误改导航栏图标尺寸
• 支持相对调整（如“按钮宽度放大1.2倍”）和绝对数值（如“导航栏高度设为64px”）
• 对 Flex/Grid 容器内的子元素，会同步调整 justify-content、gap 等布局属性

上传参考图快速风格迁移

不需要写描述——把竞品官网截图或品牌新VI手册PDF拖进画布，点击“AI 设计助手 → 风格迁移”，再选中要改造的页面区域，AI 就能提取主色、字体组合、阴影强度、圆角倾向等视觉特征，一键覆盖到当前设计上。

• 支持 JPG/PNG/PDF 格式，自动忽略水印和无关背景
• 可调节“风格还原度”滑块，平衡参考图特征与原有信息架构
• 生成结果保留所有可编辑图层，文字内容、链接跳转、组件状态均不受影响

结合设计规范自动校验与修复

如果官网需符合企业级设计系统（如 Ant Design 或自建规范），开启“规范检查”后，AI 会扫描全站：发现某处按钮用了非标准圆角、某段正文字号偏离规范值、某个图标未使用团队图标库，都会标出并提供一键修复选项。

• 修复动作基于团队库真实组件，不是简单缩放或覆盖图层
• 支持导出差异报告，供设计负责人审核变更点
• 修复后自动更新关联实例，确保全局一致性