MasterGo如何添加链接跳转

在MasterGo中可为文字或图层添加跳转链接：文字选中后按Cmd/Ctrl+K输入URL，图层右键或属性栏设“打开链接”；支持外链及内页跳转（#page-xxx或交互“前往”动作），仅预览模式生效。

在MasterGo设计稿中为文字或图层添加可点击的跳转链接，让原型演示时能直接跳转到外部网站或内部页面，是验证交互逻辑和交付前端开发的关键一步。

为文字添加超链接

打开设计文件，选中需要添加链接的文本图层。

在顶部工具栏点击「创建链接」按钮，或直接按快捷键 Command + K（Mac）/ Ctrl + K（Windows）。

在弹出的输入框中粘贴目标网址，例如 https://example.com；链接支持 HTTP、HTTPS 协议，不支持 javascript: 或 data: 等非常规协议。

回车确认后，文字会变为蓝色并带下划线——这是已绑定链接的视觉标识。预览时点击即可跳转。

为图层（非文字）添加跳转链接

选中任意图形、图片、容器或组件实例等非文字图层。

右键 → 选择「添加链接」，或在右侧属性栏找到「交互」区域，点击「+ 添加交互」→ 选择「打开链接」动作。

在链接地址栏输入目标 URL；注意：该链接仅在「预览模式」或「分享链接」中生效，画布编辑态点击无反应。

【必须确保图层未被锁定且处于可见状态】，否则交互设置将无法触发。

跳转到设计稿内其他页面

方法一：使用相对路径语法
在链接地址栏输入 #page-xxx（xxx 为页面ID），可在同一文件内实现页面锚点跳转。页面ID可在左侧页面列表中，鼠标悬停页面名称时显示的 tooltip 中查看。

方法二：通过交互动作跳转
选中图层 → 右侧「交互」面板 → 「+ 添加交互」→ 触发设为「单击」→ 动作选「前往」→ 在下拉菜单中选择目标页面。这种方式支持带参数的页面跳转，且兼容动态面板状态切换。

注意：若目标页面被隐藏（眼睛图标关闭），跳转后仍会显示，但用户无法在页面列表中手动导航过去。