Spec Export: Sketc...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权不使用原创授权
9096 26 86 2016-03-08

Spec Export, 从 15 年 7 月份发布到现在一直是 Sketch Measure 非常低调的功能, 它可以在 Sketch 中一键导出 Artboard HTML 页面, 它可以自动生成标注信息, 同时分享给各类桌面平台 Windows、Linux、Mac OS, 再没有网络的情况下可以给归档保存.


1. Create Note: 在 Sketch.app 输入需要标注的文字, 选中并设置为 Create Note. 保证导出页面的时候可以看到 Notes

Image title

Image title

Image title



2. Color Names: 可以将颜色命名为开发变量.

Image title

Image title

Image title


3. Slices Export: 可以快速导出定义好的切片

Image title


最后, 选中需要导出的 Artboards, 以上设置都会出现在页面里

Image title

小彩蛋

Image title


Demo: http://utom.design/measure/demo/ (如果速度慢, 就自己下载体验一下吧!)

Donwload: https://github.com/utom/sketch-measure

全部评论：26条

  • 那时明月天

    2018-09-28 00:59

    @ui_luke: 试了半天，貌似只能单独选切片格式了（不用协同工具的情况）。还是等大神来搞定吧

  • NmStY_

    2018-08-20 11:54

    麻烦问下 什么情况会导致导出的尺寸百分比显示（显示的不是像素）

  • 甜甜7109

    2017-04-11 10:48

    怎么导出安卓尺寸的标注图啊

  • ui_luke

    2016-06-17 11:45

    utom，我是用measure导出标注和切图的，同一个icon在不同的界面使用，这个icon切图的时候如果都要切好麻烦，如果不切，measure又不会标注出来，大家都是怎么解决的呢？

  • ui_luke

    2016-06-17 11:28

    @Sketch钻石党: 想问下，sketch 用measure导出切图，都是有@2x @3x 的后缀的，那有什么高效的办法转化为安卓的切图么？

  • 浮云一般的昵称

    2016-05-06 10:16

    Utom你好，切片覆盖的icon好像无法识别色值，是不是可以加一个隐藏切片的功能

  • 每天猫宁拥抱太阳

    2016-03-18 18:01

    @gareiz: 完爆这个词太偏激了。两个都用过，表示用完钻石的再不想用cutterman了。

  • Sketch钻石党

    2016-03-18 15:18

    @gareiz: 哈哈，sketch 刚出来的时候，不需要任何插件就支持一套设计切 N 种不同标准规格的切图，除了按照倍数切图之外，还支持任意自定义倍数、尺寸、任意格式，多种格式多种规格同步切图，还有自动创建文件夹自动分类功能，你说的这个软件有的，sketch 全部有，sketch 有的，你说的软件就未必有。sketch 可以做到秒切所有规范切图，通过这个插件支持离线切图，拷贝样式，自动生成标注文件和预览图，我不知道你说的这些有哪点比得上。

  • gareiz

    2016-03-18 15:13

    @Sketch钻石党: 脱离源文件切图的功能我还不知道，但是最基本的自动计算不同屏幕分辨率并且自动切出安卓和IOS的多套切图这个功能是cutterman完爆sketch的重点，而且这也是切图人员最希望有的功能，可以大大提高切图效率。而且cutterman的切图方式也是相当方便好用

  • ChenZiy

    2016-03-15 23:09

    啊啊啊 怎么下载啊

  • Sketch钻石党

    2016-03-15 22:43

    @gareiz: sketch 可以完全脱离源文件切图，如果 sketch 的切图是软肋，那么这个世界恐怕没有容易切图的软件了。或者是你完全不了解 sketch 的切图。

  • gareiz

    2016-03-15 20:19

    @Sketch钻石党: 我说的双平台是指切图给安卓和IOS，不是指工作平台 sketch的切图还是软肋，如果是公司自己的项目那还好说，但是外包的话用sketch就不现实了，无论是切图还是源文件的交接都是大问题

  • Sketch钻石党

    2016-03-13 15:34

    @gareiz: sketch 只有 mac 平台。只怪 Windows 下烂软件太多。另外谁会用两个平台的电脑工作？

  • 王程旭

    2016-03-12 16:38

    @simpro: 拿cutterman、马克曼比的话，那明显是没用过Measure

  • gareiz

    2016-03-12 16:09

    @Sketch钻石党: 论双平台切图的话，还是没其他工具比cutterman好

  • 久久是Luna0

    2016-03-11 18:31

    @Sketch钻石党: 没错！

  • Sketch钻石党

    2016-03-11 17:53

    @simpro: 你说的这些软件跟 sketch measure 比的资格都差了几条街

  • jason8822397

    2016-03-11 12:05

    请问一下，slice export, 这个功能在measure的哪里？没找到。。

  • prissana

    2016-03-11 09:51

    昨天还在研究Sketch Measure，今天就看到这文章，太棒了~~ 看来改用sketch做东西真的是明智的选择~！

  • Zeno

    2016-03-10 21:34

    屌炸了！！！一倍工作效率！！我爱你竟有如此功能，我恨你怎么让我刚知道！！！

  • simpro

    2016-03-10 16:37

    我大cutterman和马克曼表示无视

  • 敖厂长

    2016-03-10 16:06

    嘿嘿嘿

  • Vincentli

    2016-03-09 16:15

    好腻害

  • OneZero丶

    2016-03-09 16:14

    赞 U大！

  • 小木酱

    2016-03-09 16:09

    U神你好，U神

  • Sketch钻石党

    2016-03-09 11:07

    必读点赞！！！

更多作品

电脑版 反馈

Powered by © 2008- 2025 UI.CN

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票，快给你心仪的作品鼓励的一票。

投票