Measure Plugin：设计稿标注、测量工具
草图测量：让设计规范导出变得更轻松有趣
你知道吗？做UI设计最让人头大的环节，除了改图外，估计就是整理交互和视觉规范了吧。每次设计搞完，产品要你写说明、开发问你字号、颜色、边距……重复沟通十几遍，真的是麻了。那会我天天对着Sketch文件手动标注，一改版全得重来，效率直接掉到地心。
直到我遇到一个神器级别的小工具，名字就叫草图测量，英文名叫Sketch Measure，版本现在是2.8.1，在GitHub上可以找到最新的发布。它真的就像为我们这些设计狗量身定做的一样——你点几下，它就自动帮你把设计稿里的所有规范、样式、尺寸、颜色啥的，全都导出来，生成一个可离线查看的HTML页面，谁用谁不爱啊！
草图测量到底能干啥？
最核心的功能就是“规格出口”。什么意思？就是你选好Sketch里做完的设计图，点一下导出，它就自动生成一个很清爽的网页页面，上面清楚标注了各个组件的宽高、间距、颜色值、字体信息，而且还有CSS样式代码！不管你是要给前端看，还是自己留档做记录，通通搞定。
关键它是离线可用的，也就是说你把这个HTML页面打包给开发，他就算不联网，也能打开直接看规范，简直是“闭眼交付”的最佳搭档。
它是怎么让“写规范”变得好玩起来的？
先说说它的操作逻辑——一点也不复杂，你安装好插件之后，在Sketch里选中你要导出的内容，然后通过插件菜单选择“导出规格”，它就自己跑起来了。你完全不需要自己去标注像素、手写样式，它都自动抓出来。
然后出来的HTML页面设计风格也特别友好，既美观又实用，点击组件还能跳出细节说明和对应代码片段，前端直接拿来用都没问题。这不比一个个截图、写文档、再来回解释省心多了嘛？
我是怎么把草图测量融入到工作流程里的？
我现在基本上所有的Sketch项目都会用它导出一个规范文档，比如说我做完一个App界面，就会用草图测量导出规格页面，然后把它打包发给开发，Slack里一句“请查收HTML规范”就完事儿。开发看完也很满意，不用每次都问“这个padding是多少来着？”、“字体是哪个？”、“这个圆角值有多大？”
尤其是多人协作的时候，它简直就是沟通神器。团队成员之间只要打开这个页面，看到的内容是一致的，谁都不用猜，谁也不会走样。
适合哪些人用？
不管你是自由设计师、UI/UX团队、外包公司，甚至只是想把自己的设计整理一下都能用。尤其是那种经常需要交付给开发的项目，草图测量真的能省下你很多时间精力。
还有一点就是——它开源免费！直接在GitHub就能下，不用掏钱也没广告，真的是福利。
最后嘛，说说我自己的使用感受
我现在已经完全离不开草图测量了。原来写规范是我最不愿意干的活，现在反而成了最轻松的一步，因为只要导一遍，整个交付就变得有条不紊。而且开发那边也越来越少来问我各种细节了，这就说明它真的把“规范交接”这件事做到了。
所以如果你也是Sketch用户，又头疼怎么交付规范，不妨试试草图测量，真的超出预期的好用，甚至让我有点期待下一次交稿会不会又更轻松一点了～
