MasterGo AI可一键生成高保真侧边栏原型，只需用自然语言描述类型定位、模块层级、交互逻辑与视觉样式，支持网页左固定、移动端滑出等场景，8–12秒生成后可直接编辑或微调。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 生成侧边栏原型，核心是用清晰、结构化的自然语言描述它的位置、功能模块、交互逻辑和视觉特征。不需要手动拖组件，一句话就能产出可编辑的高保真设计稿。
明确侧边栏类型和定位
先确定它是网页左侧固定导航栏、后台管理系统的折叠式菜单，还是APP内嵌的抽屉式侧边栏。不同场景影响布局和交互方式：
- 网页后台常用“左固定 + 折叠/展开按钮”，需说明是否支持收起状态
- 移动端侧边栏多为“滑出式”，要注明触发方式（如汉堡图标点击）
- 若用于内容管理类页面，可强调“带二级菜单、图标+文字、当前项高亮”
描述具体模块与层级关系
避免模糊说“有菜单”，直接列出功能入口及其嵌套逻辑。AI 依赖这些细节还原结构：
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 一级菜单：仪表盘、用户管理、订单中心、系统设置
- 二级展开项：比如“用户管理”下含“新增用户、用户列表、权限配置”
- 特殊元素：顶部头像/账号信息、底部退出按钮、搜索框或快捷操作入口
指定风格与交互细节
颜色、图标、动效等直接影响生成效果，建议在描述中一并说明：
- 主题色设为 #1890FF，圆角 4px，字体大小 14px
- 选中项背景色 #E6F7FF，文字加粗
- 支持鼠标悬停展开二级菜单（桌面端），点击收起（移动端）
- 折叠状态下只显示图标，悬停或点击后显示文字
实操示例（可直接复制使用）
比如生成一个电商后台左侧导航栏，输入以下描述即可：
“生成电商后台左侧固定侧边栏：顶部显示公司Logo和管理员头像，下方为一级菜单（首页、商品管理、订单管理、营销中心、数据看板、系统设置），其中‘商品管理’和‘订单管理’支持点击展开二级菜单；默认展开‘商品管理’，显示‘商品列表、分类管理、品牌管理’；整体配色主色#FA541C，选中项背景浅橙，图标采用线性风格，支持折叠/展开切换。”回车后约 8–12 秒生成，点击“插入到画布”即可进入编辑模式，后续还能用自然语言微调，比如“把二级菜单缩进增加 16px”或“图标统一换为 Ant Design 风格”。
