mastergo ai 生成即组件化,自动将ai产出转为可编辑、可同步的子组件实例,并基于设计系统调用变量与结构,支持局部修改、智能嵌套及一键发布至团队库。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 不是把生成的组件当作一次性素材,而是让它们天然具备复用能力——关键在于“生成即组件化”,而非“生成即静态图”。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
AI 生成内容默认转为可复用组件实例
当你用 AI 快搭或 AI 设计助手生成一个按钮、卡片、表单模块时,MasterGo 不会输出扁平图片或孤立图层组。它会自动将结果识别为符合当前设计系统结构的组件(前提是已加载对应组件库),并以「子组件实例」形式插入画布。这意味着:
- 双击文本可编辑,替换图标不影响父组件定义;
- 修改尺寸、颜色或状态(如 hover/禁用)仅作用于当前实例;
- 若该模块已在团队组件库中存在同名父组件,AI 生成结果会自动关联——后续父组件更新,所有同类实例可一键同步。
基于设计系统的生成,从源头保障复用基础
通用 AI 工具常生成风格漂亮但无法嵌入现有流程的界面,而 MasterGo AI 设计助手会主动调用你团队已发布的 Design System:
- 自动匹配色值变量(如
--primary-color)、字体层级(h1/body)、间距标尺(spacing-md); - 生成的按钮、输入框、开关等,默认采用组件库中已定义的原子组件结构;
- 即使是全新生成的模块(如“带筛选条件的列表页”),也会按容器+子组件逻辑组织图层,支持后续一键转为本地组件或提交至团队库。
局部生成 + 智能嵌套,避免全量重做
AI 不强制整页重绘,而是支持精准干预:
- 框选画布中某区域,指令“替换成 AntDesign 风格的搜索栏”,AI 会插入一个已绑定 AntDesign 组件库的可编辑实例;
- 对已有组件实例发起修改(如“把这组标签改成圆角+描边”),AI 在保持组件结构前提下调整属性,不破坏复用链路;
- 批量操作时(如“将全部主按钮文字改为小写”),AI 直接作用于实例文本层,不触碰父组件定义。
生成后一键沉淀为团队资产
完成调试的设计模块,可直接右键 →「转为组件」→「发布到团队组件库」:
- 系统自动校验是否符合命名规范、图层结构、状态命名(default/hover/disabled);
- 支持添加使用说明、示例场景、约束规则(如“图标尺寸固定24px”);
- 发布后,其他成员在资源库搜索关键词即可复用,且所有新旧实例均可响应后续更新。
本质上,MasterGo AI 把“复用性”设为生成的默认契约,不是后期补救,而是从第一行代码、第一个图层就开始对齐设计系统。










