Sketch插件 Measure(标记和导出规范如此简单)

赞赏 2017-08-21

Measure的slogan: Make it a fun to create spec for developers and teammates (让创建规范成为开发者和团队协作的乐趣) 。 超级智能的帮你在作品上添加图形尺寸、距离、颜色和文本属性的附注,方便快捷,而且成品整洁漂亮。好用到心都要碎了…… 完全不用自己手写标注,搞定后导出成PDF,直接发给技术小伙伴,大大提高双方的沟通效率。


先看下他的工具栏:



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

标注尺寸:用于标注一些图层的宽度和高度

标注间隔:任何层与画板之间的间距

标注属性标注图层或文本层的信息,例如填充颜色、边框颜色、不透明度字体和字号等

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

设置切图快速设置层导出选项的预设和 规范导出 切片规格

颜色命名设置颜色命名和导出 .xml 文件给开发者

规范查看器:你可以使用 Safari 9+ 或 Google Chrome 来查看, 导出的规范基于 HTML 5、CSS 3 和 Javascript 呈现


安装:

  1. Download the ZIP file with the Measure and unzip;
  2. Open the Sketch Measure.sketchplugin;

官网:

http://utom.design/measure/

measure英文使用手册:

http://utom.design/measure/how-to.html

measure中文使用手册:

http://sketch.im/plugins/1

登陆后阅读全文
阅读 2264 赞赏 0 有用 4 没用 0 收藏 0 分享

   


作者声明:本篇文章系本人原创,欢迎分享,但未经许可,谢绝转载。

0 条留言

相关文章

推荐Sketch插件 - Sketch Plugin Manager(统一管理插件)

微信团队做了款 Sketch 插件 WeSketch

Sketch 插件 ImageOptim - 图片压缩

有料推荐

这世界欠我一个这样的老公!

高校学生模仿“世界名画”摆拍,可以说是戏精本精了

iPhone X 跌破发行价,苏宁200亿入股恒大 | 财经日日评

果然是高手!这次在日本,特朗普竹杠敲得不是一般狠

资深黄牛现身说法:iPhone X价格秒变不停,就像炒股一样

长一样的双胞胎也能识别?蚂蚁金服发布「眼纹识别」技术

苏联是怎么被阿富汗拖垮的?

美团或入局「分时租赁」共享汽车,王兴要大笔投入「泛出行」领域了? | 36氪独家

你或许被“一盘番茄炒蛋”刷屏了,但有人辛酸,有人质疑

iPhone X发售前夜,黄牛与苹果公司的不安

他的文章

微博 logo icon 分享按钮 图标下载

腾讯小经费 | 怎么让更多人加入你的经费圈?

介绍一个谈钱不伤感情的小程序

手机摄影34个小技巧,助你拍出刷爆朋友圈的大片!

一招教你用PS做出刷爆朋友圈的海报图!

如何制作刷爆朋友圈的时尚大片?教你一键加分!

20个简单易学的摄影技巧!让你的照片分分钟拍出高级感~

昨夜刷屏的《深夜,男同事问我睡了吗》,创建过程!

5000万 阅读爆文背后,90后小编做微信公号才一年多 | 新榜专访

推荐一款放大图片不失真的软件 PhotoZoom Pro

手机扫一扫
分享文章