Sketch Measure V3.4.1-Sketch 74.1最新版 一键导出标注和切图插件Sketch Meaxure 支持macOS Big Sur系统

Sketch MeaXure V3.4.1-Sketch最新版74.1一键导出标注和切图插件,支持最新系统macOS Big Sur (11.1)

UI设计师标注切图神器

温馨提示:原插件Sketch Measure V2.8.1 只能在10.14及以下系统使用,10.15系统及以上都可以使用Sketch Meaxure , 因为这两款插件使用相同的快捷键,安装新插件的,可以停用下旧插件

旧插件的颜色命名功能,在新插件上可以直接使用Sketch自带的文档颜色管理重命名,这样导出的HTML也是带颜色命名的

这两款插件都可以直接下载,

Sketch MeaXure是使用TypeScript重新实现Sketch Measure,并使用Sketch JavaScript API。

 

Sketch Measure V3.4.1 由@hubzy二次改进,新功能

新增 标注切图工具快捷图标

1,添加【瀑布流展示】、方便预览、查找设计稿

2,导出新增thumbnail文件夹,文件夹放置缩略图,便于网络跟快的加载。

3,切图素材可点击下载—“本地打开index.html无法直接下载”(不过可以另存为下载),部署到线上或者通过IP网络的形式访问可一键下载。

4,汉化插件菜单。

与最新版本的Sketch(v70.3)完全兼容。
最新的色板功能支持。

安装

  1. 下载并解压 Sketch Measure.zip
  2. 双击 Sketch Measure.sketchplugin 完成安装

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

  1. 在 Sketch 中选中一个或多个层
  2. 点击工具栏上的 区域 按钮或使用快捷键 control  + shift  + 1

标注尺寸

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

  1. 在 Sketch 中选中一个或多个层
  2. 点击工具栏上的 尺寸 按钮或使用快捷键 control  + shift  + 2

    对于宽度和高度,如果你想分别单独标注以及设置显示方式

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

标注间隔

任何层与画板之间的间距

  1. 选中在画板上的一个层或选中任意两个层
  2. 点击工具栏上的 间隔 按钮或使用快捷键 control  + shift  + 3

    如果你想分别单独显示顶部、右、底部或左的间距

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

 

标注属性

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

  1. 在 Sketch 中选中一个或多个层
  2. 点击工具栏上的 属性 按钮或使用快捷键 control  + shift  + 4

    如果你想分别单独标注任何属性

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

 

标注备注

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

 

  1. 插入文本层,键入一些文本
  2. 选中文本层
  3. 点击工具栏上的 备注 按钮或使用快捷键 control  + shift  + 5

设置切图

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

 

  1. 在 Sketch 中选中一个或多个层
  2. 点击工具栏上的 设置切图 按钮或使用快捷键 control  + shift  + S

    如果你想创建切片图层

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

 

颜色命名

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

  1. 点击工具栏上的 颜色命名 按钮或使用快捷键 control  + shift  + C
  2. 在 Sketch 中选中一个或多个图层或文本层
  3. 在第 1 步骤弹出的颜色管理对话框界面中点击 + 按钮

    如果你想编辑颜色命名

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

规范导出

一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。

  1. 在 Sketch 中选中一些画板
  2. 点击工具栏上的 规范导出 按钮或使用快捷键 control  + shift  + E

    如果你创建一个 HTML 文件一个画板,请取消选中“高级模式”

 

规范查看器

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

  • 选中一个层并悬停在层上来测量和获得间距
  • 点击位于规范查看器界面右侧属性检查器的颜色区域可改变颜色格式
  • 使用 command  + + 和 command  + - 来缩放画布
  • 摁住键盘空格键, 同时鼠标拖拽画布可平移画布
  • 切换备注开关可显示和隐藏备注

在线演示: http://utom.design/news/

注意事项

第一次执行上述操作会弹出界面倍率和单位选择对话框

选择的倍率和单位基于当前画板尺寸,如 Sketch 默认 iPhone 7 画板 375x667px 的倍数和单位分别为 1 和 px,同时 Sketch Measure 也内置了常用的倍率和单位,点击下拉菜单即可选择

 

@utom

发表评论

登录... 后才能评论

评论(24)

  • 真巧 2021年10月31日 18:26

    安装出来跟之前界面不一样 现在切出来的图,没有虚线那一层

    • Deroy。 @ 真巧 2021年11月22日 15:59

      我也是一样的问题崩溃。。。

  • 路人 2020年6月28日 18:12

    有没有汉化包呀

  • 2020年4月23日 10:26

    有mac版的吗

    • uiunion @ 2020年5月12日 15:55

      就是MAC版的呢

  • wly2jzz 2019年8月2日 12:14

    下载试用了,老板大大很贴心啊,里面还包括了新旧两个版本!之前跟新了Sketch版本至56.2版本导致插件无法导出设计图。然后找了半天发现了这个网站下载Measure V2.8.1后直接安装覆盖了原来的插件,还是不能导出(遇到组件模块就停止了),后面把之前的插件卸载干净了重启了一下电脑,再重新安装的就好了!👍

    • uiunion @ wly2jzz 2019年8月2日 14:42

      对的,卸载旧版,重新安装新版插件就可以正常导出了的。

  • shafashang88 2019年6月26日 15:24

    下载下来是空包?咋回事?

    • uiunion @ shafashang88 2019年6月30日 15:26

      有疑问请联系 UI盟-小编QQ:1362062870 ————或者加入UI盟-设计素材分享交流群-QQ群号:384150772

  • galaxyxx 2019年6月18日 19:25

    MacOS10.15导不出来,有解决方法吗

  • du_xy29 2019年6月10日 16:24

    我用的sketch54 为什么用sketch Measure 2.7.7 在标注文字的时候,有的文字标注不上呢?

  • hanlichun 2019年5月29日 10:34

    55不行

  • rock826 2019年5月22日 15:57

    sketch55的版本不能导出,只支持到54.1版本的

  • tina 2019年5月14日 10:27

    啊,可以了,原来是旧版本没有删除干净

    • duyuhui0127 @ tina 2019年5月20日 20:35

      怎么把旧版本删除干净啊?

  • tina 2019年5月14日 10:26

    依旧不能导出。。。。

  • niuniu 2019年5月10日 14:32

    依旧无法导出

  • sakjksj 2019年5月5日 12:04

    依旧无法导出

  • y1223316 2019年3月25日 17:00

    还是不能导出啊

    • uiunion @ y1223316 2019年4月2日 12:39

      很多盟友下载都是能正常使用的哦,如果还不行,建议下载UI盟网的最新版Sketch 53.2,完全卸载以前的版本,然后再安装插件,重启软件。如果还有疑问,欢迎加小编QQ:1362062870咨询。

  • zhoujing 2019年3月21日 18:11

    依旧无法导出+1

    • uiunion @ zhoujing 2019年4月2日 12:39

      很多盟友下载都是能正常使用的哦,如果还不行,建议下载UI盟网的最新版Sketch 53.2,完全卸载以前的版本,然后再安装插件,重启软件。如果还有疑问,欢迎加小编QQ:1362062870咨询。

  • jerome 2019年3月20日 17:17

    还是无法导出,2.8的,求解

    • uiunion @ jerome 2019年4月2日 12:38

      很多盟友下载都是能正常使用的哦,如果还不行,建议下载UI盟网的最新版Sketch 53.2,完全卸载以前的版本,然后再安装插件,重启软件。如果还有疑问,欢迎加小编QQ:1362062870咨询。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,有标明免费商用的,可以直接商业使用,没有标明免费商用请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源