mastergo ai通过绑定团队组件库、资源库和设计规范实现合规可复用的设计生成。它优先调用已配置的组件与标注元数据的资源,严格遵循间距、字体、颜色等规范,确保生成即合规、修改即联动、导出即可用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 解决资源调用问题,核心不是让AI“猜”用什么组件,而是把团队已有的设计资产变成AI可识别、可复用、可约束的源头。它不依赖大模型凭空生成按钮或表单,而是优先从你配置好的团队组件库、资源库、设计规范中提取真实可用的元素。
绑定团队组件库,让AI生成有据可依
AI生成的设计稿若脱离实际开发环境,容易产出无法复用的“视觉幻觉”。MasterGo要求你先在项目中手动添加并启用团队组件库——只有被显式加载的组件库,AI在生成或修改界面时才会优先调用其中的按钮、卡片、弹窗等标准父组件。比如输入“生成一个带搜索框和列表的商品页”,AI会自动匹配你组件库中已定义的SearchBar和ProductList,而不是生成一堆自由图层。
- 确保组件库文件处于“可查看”或“可编辑”权限,并已在当前设计文件的组件面板中完成「+ 添加组件库」操作
- AI生成过程中若检测到关键词(如“Ant Design风格”“小程序底部导航”),会主动关联资源库中对应分类下的组件预设
- 生成后所有组件默认为子实例,保留与父组件的链接关系,后续更新父组件即可批量同步
资源库即入口,支持语义化搜索与一键插入
资源库不是静态素材包,而是带元数据的智能调用中心。你在资源库中给图标标注“微信登录按钮”,给表单区块打上“手机号+验证码”标签,AI在理解需求描述时就能精准召回这些高频模块。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 输入提示词如“用户注册页,含头像上传、昵称输入、性别选择”,AI会从资源库中检索已标记“AvatarUpload”“InputWithLabel”“RadioGroup”的组件并组合排布
- 支持通过中文关键词实时筛选,无需记忆命名规则;插入后组件自动适配当前画布的自动布局设置
- 资源库中的SVG图标虽显示为容器,但本质是可缩放、可填色、可解构的矢量资产,不影响代码导出时的语义还原
设计规范驱动生成,避免资源错配
AI不会盲目套用组件,而是受制于你设定的设计规范:间距系统、字体层级、颜色变量、响应断点。这些规范一旦发布并绑定到项目,AI生成过程就自动对齐约束条件。
- 例如规范中定义主按钮高度为40px、圆角8px、品牌色为#1677ff,AI生成的所有按钮实例都会严格遵循,不会出现尺寸混乱或颜色偏差
- 当AI局部修改某区域时,会检查该区域所属容器是否启用了自动布局,若启用,则新增元素自动纳入布局流,保持与已有资源的一致性
- 规范检查功能可反向扫描生成稿,标出偏离项(如误用非标准灰色值),引导你快速修正资源引用路径
资源调用不是AI的自由发挥,而是有边界的协同执行。MasterGo AI 把组件库、资源库、设计规范三者变成它的“训练现场”和“交付依据”,生成即合规,修改即联动,导出即可用。










