Sketch->JINGWHALE->Efficient Tool->Generate Guide Mark

当设计规范做完后，需要标注相应的规范值，标注过程一般以图层为基础，标注过程相对麻烦且产生的图层对原有图层造成影响。

GenerateGuideMark可以快速高效的标注图层，且不会对原有设计图层造成影响。GenerateGuideMark使用symbol对设计规范进行标注，可以对symbol进行样式修改，达到改变标注样式的修改。

GenerateGuideMark主要包含2个标注功能，一般先使用GenerateGroupMark-ListForXYLevel 进行设计细节的标注，再使用GenerateGroupMark-Layout、GenerateLayersMark-TwoLayers进行设计布局的标注。

一、GenerateGroupMark一ListForXYLevel

一般用于设计细节的标注，批量标注同一行（同一列）的多个分组或图层之间的间距。

1.1、批量标注同一行的多个分组或图层之间的间距。

会自动批量标注在同一行（y轴同）的多个分组或图层之间的间距。

由于同一行间距的距离多数相对较多较固定且距离不长，间距采用带不同色块的标注symbol，当距离有重复时不显示标尺距离，只显示色块。

展示如下：
image.png

默认的色块图层共享样式如下，可以依据情况自己修改：
提供2px、4px、6px、8px、10px、12px、16px、20px、24px、28px间距色块颜色，没有匹配到的距离默认为custom。
image.png

1.2、批量标注同一列的多个分组或图层之间的间距。

会自动批量标注在同一列（x轴同）的多个分组或图层之间的间距，并且可以在图层mask右侧添加文字说明。

展示如下：
image.png

要求：要标注的图层必须在同一个组内。

二、GenerateGroupMark一Layout

一般用于自动设计布局的标注。自动标注区块之间、以及区块与容器图层之间的距离。

示例：
Generate Guide Mark.jpg

要求：要标注的图层必须在同一个组内。

三、GenerateLayersMark一TwoLayers

一般用于设计布局的标注，标注2个分组或图层之间的间距。

3.1、标注2个分组或图层之间的间距

选择任意2个分组或图层，可以自动判断2者之间的空间位置，给出间距标注。

可以标注的空间位置如下：
image.png

3.2、标注分组或图层与容器之间的间距

可以标注的空间位置如下：
image.png
要求：必须同时选中2个图层。

三、额外文字说明

除了以上标注功能，可以额外对标注进行文字说明：
从symbol引入textAlignLeft（左对齐）、textAlignLeft-multiple（左对齐-多行）、textAlignRight（右对齐）、textAlignRight-multiple（右对齐-多行），添加标注说明：
image.png

展示如下：
image.png