开发工程师需登录并获查看权限后进入MasterGo标注模式，悬停/点击图层可查间距与属性，右侧面板支持一键复制颜色、字号等值及CSS/iOS/Android代码，倍率切换不影响面板显示的1倍数值。
开发工程师拿到设计师分享的MasterGo链接后，需要快速获取图层尺寸、间距、颜色、字体等信息并复制对应代码，避免反复沟通或手动测量出错。
进入标注模式
打开设计师发来的MasterGo文件链接，若你拥有编辑权限，点击页面顶部标签栏中的【标注】按钮即可进入；若你只是查看者（无编辑权），系统默认直接开启标注模式，无需额外操作。
注意：未登录账号时只能预览设计稿，无法查看标注面板和复制代码。必须登录且获得该文件的查看权限，右侧属性区才会正常显示图层信息。
查看图层基础信息
鼠标悬停在画布任意图层上，自动显示该图层与相邻图层的间距数值，包括上、下、左、右四个方向的距离。
点击图层，左侧图层树会高亮对应项，并展开其父级容器结构；双击图层名称或按 Shift+2（Windows） / Cmd+2（Mac），可瞬间居中定位到该图层所在位置，特别适合嵌套多层的复杂组件。
若图层被遮挡或缩放比例过小导致难以点击，可直接在左侧图层树中搜索图层名称——输入关键词后匹配项会高亮，点击即选中并定位。
读取并复制图层属性与代码
选中图层后，右侧标注面板立即显示其完整属性：X/Y坐标、宽高、填充色（支持HEX/RGB/HSL切换）、圆角、描边、阴影、字体大小/字重/行高/字间距等。
所有属性值均可单击复制，无需全选——比如点击“#333333”就自动复制颜色值，点击“16px”就复制字号，效率远高于手动拖选。
向下滚动至面板底部，可见代码区块，默认显示CSS格式；点击右上方平台切换按钮，可即时切换为iOS或Android代码，适配不同端开发需求。
代码区域支持批量选择：按住鼠标左键框选多行→松手即自动复制所选内容，适用于需同时提取多个样式规则的场景。
处理2倍图标注需求
方法一：确认设计师交付的是2倍图（如@2x命名或明确说明），而你需要按1倍逻辑开发 → 在画布右上方倍率下拉菜单中选择0.5x。
方法二：设计师交付的是1倍图，但你需要对照2倍尺寸做适配 → 选择2.0x。
关键提醒：无论倍率如何切换，右侧标注面板中显示的所有数值（位置、宽高、边距）始终是1倍的实际值，不会变成2倍数。例如图层宽100px，即使切到2.0x，面板仍显示100px，而非200px。
这意味着你不需要换算，直接按面板数字写代码即可，MasterGo已为你屏蔽了倍率干扰。
高效定位与穿透选中
第一步：在左侧图层树中找到目标图层，点击选中 → 画布自动聚焦并高亮该图层。
第二步：若该图层被其他图层覆盖，直接用鼠标点击画布中对应区域 → 默认触发“穿透选中”，即跳过遮挡层，选中最底层目标图层。
第三步：如需选中包裹它的父容器（例如点击按钮内部文字却想调整整个按钮容器），按住 Ctrl（Windows）或 Cmd（Mac）再点击画布内任意位置，即可常规选中上层容器。
