MasterGo AI 不支持上传组件，但可通过AI生成+手动封装符号+团队设计系统沉淀实现组件复用：用一句话指令生成官网模块，转为符号并纳入DS，支持多模式变体与代码导出协同开发。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“上传组件”功能，它不支持像 Sketch 那样导入外部组件库（如 Sketch 官方组件），也不允许用户直接上传自定义 UI 组件包到平台复用。但你可以通过AI 生成 + 手动封装 + 团队资产沉淀的方式，实现类似“上传组件”的效果——即把高频使用的模块（如 Banner、导航栏、卡片列表）变成可复用的设计资产。
用 AI 快速生成官网常用模块
官网典型模块（如头部导航、轮播 Banner、服务介绍区、客户案例墙、底部版权栏）都可以用一句话描述让 AI 生成：
- 输入类似：“生成一个现代科技风官网首页，顶部固定导航栏含 Logo、4 个菜单项和登录按钮；中间大图轮播区带标题与 CTA 按钮；下方三列服务图标+标题+简述；底部灰色简约 footer”
- 选择“网页版”模式，设定主题色（如 #2563EB）、圆角（8px）、暗色模式开关等参数
- 点击“开始生成”，10 秒内输出高保真设计稿，可直接插入画布
把 AI 生成的模块转成可复用的“类组件”
MasterGo 支持手动创建符号（Symbol）和团队设计系统（DS）资产，这是替代“上传组件”的实际路径：
- 选中 AI 生成的 Banner 区域 → 右键 →「转换为符号」→ 命名为“Homepage-Banner”
- 在左侧资源面板中，将该符号拖入「团队设计系统」→ 设置为“公开”或指定成员可见
- 后续新建页面时，直接从资源面板拖出该符号，修改文案/图片即可复用，保持风格一致
用 AI 批量生成并统一管理多套组件变体
比如需要一套适配亮色/暗色模式的按钮组件，不用一个个画：
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 先用 AI 生成一个主按钮：“生成一个填充式主按钮，文字‘立即体验’，圆角 6px，亮色模式下背景#3B82F6，禁用态#94A3B8”
- 再追加指令：“在同一画布上，按相同尺寸生成对应暗色模式版本，背景#1E40AF，文字白”
- 两个按钮都转为符号，统一命名如“Button-Primary/Light”“Button-Primary/Dark”，加入设计系统
导出代码后反向沉淀为开发侧组件参考
AI 生成页面后，可一键导出 Vue/React 代码（支持 Ant Design、Element Plus 等）：
- 点击右上角「研发模式」→「AI 生成代码」→ 选择框架和组件库
- 生成的代码含语义化 class 名和基础交互（如 Banner 自动轮播），开发可直接对接
- 把生成的代码片段整理成内部文档，标注“此样式对应 DS 中的 Homepage-Banner 符号”，打通设计-开发组件映射
本质上，MasterGo AI 不是组件仓库，而是帮你零门槛批量产出标准化模块，并借由符号+设计系统完成复用闭环。不需要上传 ZIP 或 JSON 组件包，靠生成、封装、共享三步就能跑通官网组件化流程。
