Sketch Measure 2.8.1 – Sketch最佳自动标注切图插件

今天分享的Sketch Measure,绝对是sketch上最好用的标注工具,它是UI设计师必备的插件,赶紧下载好吧!

安装

  1. 下载安装包
  2. 双击 Sketch Measure.sketchplugin 完成安装

工具栏

一个集成了所有功能图标的工具栏,可以方便操作每一个功能

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control   shift    B

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

标注区域

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

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

标注尺寸

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

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

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

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

标注间隔

任何层与画板之间的间距

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

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

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

标注属性

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

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

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

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

标注备注

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

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

设置切图

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

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

    如果你想创建切片图层

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

颜色命名

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

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

    如果你想编辑颜色命名

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

规范导出

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

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

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

规范查看器

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

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

Sketch Measure 2.7.4 - Sketch最佳自动标注切图插件-潘多拉盒子www.inpandora.com

插件官网下载地址:http://utom.design/measure/

版本 语言 系统 更新时间 大小 下载
2.8.1 英文 中文 2019-07-29 356KB 去下载
2.7.7 英文 中文 2018-12-22 1.1MB 去下载
2.7.5 英文 中文 2018-05-17 335KB 去下载
2.7.4 英文 中文 2018-03-29 300KB 去下载
  • 杨春:

    2019-9-20 15:09

    怎么切换到中文版呢

    回复
    • David:

      2019-9-24 09:09

      跟系统的

  • 匿名:

    2019-6-10 18:06

    有没有中文版

    回复
  • 杜:

    2019-6-9 10:06

    请问在标注的时候有的文字,可以标注有的文字标注不了,是什么原因啊?

    回复
  • 匿名:

    2019-5-23 22:05

    还是无法导出标注呀

    回复
  • 匿名:

    2019-4-1 10:04

    回复
  • 匿名:

    2019-3-22 16:03

    导出时候出错

    回复
  • 匿名:

    2019-3-19 12:03

    密码?

    回复
  • 匿名:

    2019-3-7 11:03

    怎么变成中文啊

    回复
  • 弋迩:

    2019-2-25 15:02

    怎么汉化?

    回复
  • 匿名:

    2019-2-18 11:02

    不支持 sketch53.1版本

    回复
  • 匿名:

    2019-2-15 14:02

    感谢分享!

    回复
  • 匿名:

    2019-2-15 11:02

    sketch53无法用2.7.7导出

    回复
  • 阳光:

    2018-12-20 11:12

    请问有没有sketch measure2.7.7版本的

    回复
    • David:

      2018-12-22 10:12

      更新啦!

  • 匿名:

    2018-12-20 11:12

    请问有没有sketch measure2.7.7版本的

    回复
  • lisa:

    2018-12-18 17:12

    nice

    回复
  • 匿名:

    2018-12-18 17:12

    NICE

    回复
  • 匿名:

    2018-12-5 15:12

    赞啊

    回复
  • umeng:

    2018-11-19 11:11

    回复
  • 匿名:

    2018-11-15 15:11

    不能导出是怎么回事

    回复
  • 孙菁:

    2018-11-13 12:11

    非常感谢

    回复
  • 以斯帖:

    2018-11-13 12:11

    非常好用

    回复
  • 以斯帖:

    2018-11-13 12:11

    太感谢了

    回复
  • 匿名:

    2018-10-11 10:10

    更新了52.1之后这个插件就不能用了

    回复

发表评论

心愿单

软件名
官网地址
软件介绍
验证码

我们尽可能满足你的心愿,请大家尽可能提供准确可靠的信息,谢谢大家!

Top