Sketch Measure 这个切图工具主要是为开发人员和团队创建设计规范，Sketch 切图工具 Sketch Measure 使用方法很简单，主要是这几个方面的使用方法：区域、尺寸、间隔、标注属性、颜色命名、规范导出等功能。作为 Sketch 的最火爆的插件之一，Sketch Measure 的使用方法具体应该如何操作呢？一篇文章逐一讲解功能，一起来看看吧！

https://js.design/community?category=plugin&source=bz&plan=yzbz23011

Sketch 切图工具 Sketch Measure 的功能全部集中在这个工具栏中，简单清晰。

1.标注区域的时候，就使用「区域」功能

在需要标注区域时，直接使用 “区域” 功能，选中需要切图的图层后点击该按钮，就可以快速标注出需要的区域范围。这可以大大节省手动计量和标注区域的时间。

2.标注宽度和高度时，就用「尺寸」功能

当需要标注元素的尺寸时，“尺寸” 功能会派上用场。选中需要标注的图层，点击该按钮就能自动测量并标注出图层的长度和宽度。免去了逐个计量图层尺寸的麻烦。

3.标注图层和画板之间的距离，用「间隔」功能

如果想快速标注图层之间或图层与画板之间的间距，“间隔” 功能是最佳选择。选中图层后点击该按钮即可高效完成标注。

4. Get 图层和文本的样式属性，用「标注属性」功能

“标注属性” 功能则可以获取图层或文本的样式信息，如颜色值、透明度、字体字号等，对准备样式规范非常方便。

5.导出颜色为 xml ，用「颜色命名」功能

“颜色命名” 功能可以一键导出画板中的颜色值到 XML 文件中，让开发人员快速获取正确的颜色信息。

https://js.design/community?category=plugin&source=bz&plan=yzbz23011

6.一键导出 HTML 和 CSS 样式，支持并离线查看的「规范导出」功能

最令人惊艳的是 “规范导出” 功能，它可以一键生成 HTML 和 CSS 代码，并可以实现离线预览。对于制作标注和规范文档，该功能可谓强大到不可思议。只需简单的快捷键操作，就能大幅度提升工作效率。

最后

尽管 Sketch Measure 的创作者已经不再更新维护了，但这个小小的插件改变了无数设计师的工作方式，对行业产生了深远的影响。这位插件作者 Utom 来自中国北京，可以看出即使一个人的力量也可以真正帮助同行。有个采访问过作者，“是什么初衷让你想到开发这款 Sketch measure的插件?”，作者 utom 是这样说的，“标注是一个非常痛苦的过程， 我经历过痛苦，就会想着如何解决痛苦， 这就是我的目的。解决自己工作上的痛苦，同时帮助到更多的设计师和开发人员。”尽管这个Sketch 切图工具 Sketch Measure 不再更新了，但这个小小的插件也曾“改变过世界”，留下了浓墨重彩的一笔。