Sketch Measure切图标注插件使用教程-高效-实战教程-Sketch插件

## 安装

  1. https://github.com/utom/sketch-measure 下载最新的版本, 并解压;

  2. 打开 Sketch.app, Menu (菜单) -> Plugins (插件) -> Reveal Plugins Folder… (显示插件文件夹...);

  3. 将解压的文件夹复制到 Plugins Folder(插件文件夹)

## 使用

### Measure Sizes (测量尺寸)

1. 选中 单个 或  多个 图层

2. 打开 Menu (菜单栏) -> Plugin (插件) -> 1. Measure Sizes (测量尺寸) / 快捷方式: control + command + 1

3. 弹出对话框, 选择标注显示的位置

  • Width(宽度): none(无), top(顶部), middle(中间), bottom(底部)

  • Height(高度): left(左边), center(中心), right(右边)

### Measure Margin or Padding (测量边距)

1. 选中 2 个图层 或 1 个图层

2. 打开 Menu (菜单栏) -> Plugin (插件) -> 2. Measure Margin or Padding (测量边距) / 快捷方式: control + command + 2

3. 弹出对话框, 选择测量边与边的距离

  • Top Edge (上边缘)

  • Right Edge (右边缘)

  • Bottom Edge (下边缘)

  • Left Edge (左边缘)


### Measure Distances (测量距离)

1. 选中 2 个图层

2. 打开 Menu (菜单栏) -> Plugin (插件) -> 3. Measure Distances (测量距离) / 快捷方式: control + command + 3

### Get Properties (获得属性)

1. 选中 单个 或  多个 图层

2. 打开 Menu (菜单栏) -> Plugin (插件) -> 4. Get Properties (获得属性) / 快捷方式: control + command + 4

3. 弹出对话框, 选择展现属性

  • Font Typeface (字体/字型)

  • Font Size (字体大小)

  • Text Height Line (文本行高)

  • Fill / Color (颜色)

  • Border Color (边框颜色)

  • Layer Opacity (图层透明度)