设计协作工具：MasterGo / 蓝湖

整理自笔记，聚焦 UI 设计协作的高频用法。

一、MasterGo

工具栏
- 容器：子元素多选后可加外层容器包裹，Ctrl+Shift+G。
- 组 vs 容器：组边界由子元素决定、拖拉影响子元素、超出裁剪、属性加到内部各元素；容器可放区域内，区域不可建到容器内。
- 形状工具：按住 alt 以当前点为中心；shift 生成方形/圆形。
  - 矩形：双击进编辑模式（钢笔模式），每边一个控制点，可裁剪成任意复杂形状。
  - 圆形：有弧度控制角，可调不完整圆/圆环。
  - 直线：可加箭头、虚线；shift 生长 0/45/90 度。
  - 多边形：角数/角度（圆角）。
  - 星形：内角控制。
  - 图片：拖入后选画布容器自动填充，可改充满/拉伸/适应/裁剪/平铺。
  - 钢笔/铅笔：编辑模式曲线描点 4 种（直角、完全对称、角度对称、不对称）；点击中间描点左右各增一个。
  - 连接线：连续命令，可输文字，可拖拽，可预览原型交互。
- 文字：轮廓化后为形状，可编辑模式拖拽。
组件属性规划（以按钮为例）
- 可变组件（组件状态）：尺寸（xs/sm/md/lg/xl）、圆角、朴素、圆形、禁用等；标准/分栏/图标维度。
- 组件属性（文本/显示/实例）：左侧图标、文本内容、显示 flag、实例切换。
- 实战：先一次性设好可变项并改默认值 → 复制实例 → 编辑属性。先创建选项多的（如尺寸），最后处理是否类。
快捷键

导出与互通
- MasterGo 导出 .sketch 后 PS 无法打开，只能整张导出 PNG 再拖入（丢失图层）。
- MasterGo 可导入 sketch/figma/XD/png，无法导入 PS。
- 混合模式：水滴按钮调色相饱和度。