MasterGo AI基于需求、设计系统和上下文精准推荐并组装页面核心组件。它自动识别团队Design System中的标准组件，按语义拆解需求、动态组合原生可编辑图层，并支持参考图反向提取与生成后持续优化。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 能智能推荐页面核心组件，不是靠猜，而是基于你输入的需求、当前设计系统和上下文理解来精准匹配。
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
直接调用设计系统里的已有组件
AI 设计助手会自动读取你团队已上传的 Design System（比如 Ant Design 或 Element Plus 组件库），识别其中的按钮、表单、卡片、导航栏等标准组件。当你描述“带搜索框和筛选条件的订单列表页”，它不会凭空生成一个按钮，而是从你系统里已有的「搜索输入框」「下拉筛选器」「表格组件」中调用并组合，确保风格、间距、交互逻辑完全一致。
根据语义理解动态组装结构
输入“用户登录页，含手机号+验证码登录、微信快捷登录、忘记密码入口”，AI 会拆解出：
- 必要容器：登录卡片区域
- 核心组件：手机号输入框、验证码输入框（带倒计时）、微信图标按钮、文字链接（忘记密码）
- 布局逻辑：垂直居中排列、间距统一、错误提示预留位
这些组件不是图片，而是 MasterGo 原生可编辑图层，支持双击修改文案、拖拽调整位置、绑定交互状态。
支持参考图反向提取组件
你可以上传一张手绘草图或竞品截图，AI 会识别其中的功能区块（如顶部导航、轮播区、商品网格），并从你团队的设计系统中找出最接近的现成组件进行还原——不是简单描边，而是用真实组件重建，后续可直接复用、替换、批量更新。
生成后还能持续优化组件表现
插入画布后，选中某个推荐组件，右键唤出 AI 辅助菜单，可快速执行：
- “替换为更简洁的按钮样式”（自动匹配系统内同类型变体）
- “让这个表单支持暗色模式”（同步更新颜色变量与状态）
- “给所有卡片加圆角和阴影”（批量应用设计 Token）
本质上，它的推荐不是一次性输出，而是一套“理解规范 → 匹配资产 → 可编辑落地 → 持续微调”的闭环。
