在MasterGo中复用组件需三步:先确认团队组件库已发布并设为“团队内可查看”;再在目标设计文件中通过组件面板添加该库;最后可通过资源库搜索插入或本地创建自定义组件。

在MasterGo中快速调用并复用已定义的组件,是提升设计效率、保持界面一致性最直接的方式。如果你打开设计文件后找不到组件面板里的按钮、拖不进画布、或者拖进去不能改文字和状态,说明组件功能尚未正确启用或加载。
确认组件库是否已发布并具备访问权限
团队组件库必须以独立设计文件形式存在,且处于“已发布”状态,当前用户需拥有“可查看”权限,否则组件面板将无法识别该库。
进入工作台→点击左侧「项目」→找到存放组件库的团队项目→定位到对应设计文件→悬停缩略图→点击右上角「⋯」→选择「分享设置」→确认权限为「团队内所有人可查看」或「指定成员可编辑」。
若权限显示为“仅自己可见”或“私有”,【必须点击「修改权限」并勾选“允许团队成员在设计文件中使用该组件库”】,否则后续所有操作都将失败。
在当前设计文件中加载组件库
组件不会自动出现在任意文件中,必须手动添加到当前文件的组件面板,系统才开始同步父组件变更。
第一步:打开目标设计文件,确保顶部标签页显示为「设计」模式(不是「原型」或「代码」)。
第二步:点击右侧边栏顶部「组件面板」标签,若显示「暂无组件」,说明尚未加载任何库。
第三步:点击组件面板右上角「+ 添加组件库」按钮→在弹出窗口中勾选你刚确认过权限的团队组件库→点击「确认添加」。
添加成功后,组件面板会按分类(如按钮/表单/导航)列出全部父组件,此时拖入画布即生成可编辑的子组件实例。
通过资源库插入高频组件(推荐日常使用)
资源库提供搜索、预览与一键插入能力,适合跨页面、跨项目高频调用标准组件,比翻组件面板更快更直观。
方法一:点击顶部工具栏「资源库」图标(书本形状)→在顶部搜索框输入关键词,例如「主按钮」或「带图标输入框」→系统实时匹配已加载组件库中的父组件。
方法二:点击任一组件缩略图→右侧显示详细属性与使用说明→点击「插入到画布」按钮,组件将以子组件形式置于当前画布中心位置。
插入后可直接双击文本、替换图标或调整尺寸,所有修改仅作用于当前实例,不影响父组件定义。
创建并使用自定义组件(本地快速复用)
当你临时需要一个可复用的小模块(比如一个带标题+描述的卡片),无需走团队库流程,可直接在当前文件中创建本地组件。
先绘制完整图层结构,建议用「容器」而非矩形作为外层包裹,避免自动布局异常;内部文本图层设为单行模式更稳妥。
选中整个容器→点击上方实心菱形按钮(或使用快捷键 ⌥+⌘+K / Alt+Ctrl+Y)→组件创建完成,自动出现在当前文件的组件面板底部「本地组件」分类下。
重命名时在词组间加「/」可自动分组,例如输入「控件/开关/默认态」,后续查找归类更清晰。












