安装下载安装包

双击Sketch Measure.sketchplugin完成安装

44164422757fdef12eca32fa54519f81.png

工具栏

一个集成了所有功能图标的工具栏,可以方便操作每一个功能

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control⌃+ shift⇧+B

e26c1adb9df74181d9657fe28c29a091.png

标注区域

有时你可能需要标注一个区域以突出该层,而这在 Sketch Measure 中很容易实现在 Sketch 中选中一个或多个层

点击工具栏上的区域按钮或使用快捷键 control⌃+ shift⇧+1

标注尺寸

用于标注一些图层的宽度和高度在 Sketch 中选中一个或多个层

点击工具栏上的尺寸按钮或使用快捷键 control⌃+ shift⇧+2对于宽度和高度,如果你想分别单独标注以及设置显示方式

可以在按住 alt⌥键的同时点击工具栏上的尺寸按钮

e301ed60083f64085eeac06afc3adf8f.png

标注间隔

任何层与画板之间的间距选中在画板上的一个层或选中任意两个层

点击工具栏上的间隔按钮或使用快捷键 control⌃+ shift⇧+3如果你想分别单独显示顶部、右、底部或左的间距

可以在按住 alt⌥键的同时点击工具栏上的间隔按钮

003fc1bf41ff1b4c3a5daf75014fc933.png

标注属性

标注图层或文本层的信息,例如填充颜色、边框颜色、不透明度字体和字号等在 Sketch 中选中一个或多个层

点击工具栏上的属性按钮或使用快捷键 control⌃+ shift⇧+4如果你想分别单独标注任何属性

可以在按住 alt⌥键的同时点击工具栏上的属性按钮

b9d8a27f479602a4fa65d85b47a29755.png

标注备注

在画板上标注一些备注,在规范导出的查看器中展示

6b948becb404dd13dc3ce94d91f026b0.png

插入文本层,键入一些文本

选中文本层

点击工具栏上的备注按钮或使用快捷键 control⌃+ shift⇧+5

设置切图

快速设置层导出选项的预设和规范导出切片规格,例如下图导出安卓资源

11ac7a0833bbc96ca968ad571bc52eca.png

在 Sketch 中选中一个或多个层

点击工具栏上的设置切图按钮或使用快捷键 control⌃+ shift⇧+S如果你想创建切片图层

可以在按住 alt⌥键的同时点击工具栏上的设置切图按钮

11ac7a0833bbc96ca968ad571bc52eca.png

颜色命名

设置颜色命名和导出.xml文件给开发者点击工具栏上的颜色命名按钮或使用快捷键 control⌃+ shift⇧+C

在 Sketch 中选中一个或多个图层或文本层

在第 1 步骤弹出的颜色管理对话框界面中点击+按钮如果你想编辑颜色命名

在对话框界面中双击颜色项目即可

1e8d053ab9ce0bf8805085e743fa26e1.png

规范导出

亲!小编正在上传资源中,请稍等。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐