MasterGo AI需在Agent模式下操作，选中图层后用具体参数（如颜色、间距、字体）指令优化视觉，支持参考已有样式批量处理命名、规范提取等任务。

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

MasterGo AI 能直接在画布内优化原型的视觉表现，不用反复手动调整样式或切换工具。关键在于用对模式、说清需求、善用上下文。

选对工作模式：Agent 模式才能改视觉

AI 设计助手有两种模式，只有 Agent 模式 支持实际修改图层样式。Chat 模式只能提建议，不能动画布。

• 打开右侧 AI 面板后，默认就是 Agent 模式（右上角显示“Agent”标识）
• 如果误入 Chat 模式，点击面板顶部的 “Agent” 标签切回来
• 确保已选中要优化的图层（单个或多个），再输入指令，AI 才知道改哪里

描述要具体：颜色、间距、圆角、字体一个都不能含糊

模糊的提示词（比如“让页面更好看”）AI 很难执行。它需要明确的视觉参数。

MaterialDesign风格下拉菜单jquery插件

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

下载

• 改主题色：写“主色改为 #FA2549，按钮悬停时加 10% 透明度”
• 调文字：写“所有标题字号放大到 24px，行高设为 1.4，字重加粗”
• 优间距：写“卡片之间垂直间距统一为 24px，图标与文字水平间距为 12px”
• 换风格：写“把当前页面改成暗色模式，背景用 #1E1E1E，文字用 #F0F0F0”

利用已有图层做参考：让 AI 学你的审美

如果你已经有一组配色协调的按钮或卡片，可以选中它们，再让 AI 延伸应用到其他地方。

• 选中几个满意样式的按钮 → 输入“按这组按钮的圆角（8px）、阴影（x:0 y:2 blur:6）和描边（1px #E0E0E0）风格，重绘所有导航栏图标”
• 选中一段正文文字 → 输入“把所有正文文本同步为该段的字体（PingFang SC）、字号（14px）、行高（1.6）和字重（Regular）”
• 选中一组图标 → 输入“将图库中所有‘用户’类图标，替换成当前选中图标的线性风格和描边粗细（2px）”

批量处理常见视觉任务

一些高频视觉优化，AI 可一键完成，比逐个调整快得多：

• 统一命名图层：选中一堆“矩形 1”“组 2”，输入“按内容重命名：搜索框、轮播容器、商品卡片”
• 生成设计规范：选中主色按钮、文字样式、卡片组件 → 输入“提取当前图层的视觉规范，生成一套可复用的颜色、文字、圆角、阴影变量”
• 检查规范一致性：选中整个页面 → 输入“检查是否符合团队库 Ant Design 规范，标出所有不合规项”
• 图片风格化：选中几张产品图 → 输入“全部转为柔和阴影+轻微磨砂效果，保持原始比例”