2018年设计开发标注工具推荐

标注是设计师比较头疼的活儿，为了找一款好用的标注工具，着实探索了一翻。下面给大家推荐几款我觉得还比较好用的标注工具。

墨刀标注

推荐理由：支持协作，充分考虑到了开发人员的需求，亲测是一款对设计师很友好，并且很容易推动开发人员使用的软件。

1. 开发无需登录，可直接通过链接在线查看，自动获取元素宽高、间距、字体颜色、大小、名称、样式代码等标注信息。
2. 提供dp、pt、网页等不同分辨率的自动精准换算，还支持手动输入 HTML 平台的单位（rem），给开发的自由度高，实用性也很高。
3. 支持多倍率切图，全局切图下载，这一点对于设计师非常利好。
4. 提供全局颜色、当前页颜色、手动吸取颜色三种方案。支持Hex,RGB,RGBA,ARGB四种颜色单位。
5. 支持交互和协作，墨刀是做原型工具起家的，添加交互链接非常方便，还可以添加文字注释。开发直接看图和注释就能明白页面逻辑和细节，不需要再看prd。另外就是支持团队协作，可以添加项目成员进行同步，也可以直接发链接分享。

不过墨刀标注目前仅支持sketch文件，用mac的设计师可以注册试用一下，跟开发协作使用很方便。

使用地址：https://modao.cc/?utm_source=csdn

px cook

推荐理由：支持psd和sketch，还支持手动标，自由度比较高

1. 既支持自动标注PSD文件和Sketch插件，也支持手动创建距离、颜色、文本、坐标点的标注。
2. 支持多种单位（px，dp，pt）间的转换，支持#Hex，argb，rgba三种颜色。
3. 支持自动吸附图像内突出颜色
4. 支持数字手动更改，在保持真实尺寸不变的情况下，可改变显示的数值，以避免因为几像素的误差重新修改设计稿

• 下载地址：http://www.fancynode.com.cn/pxcook

zeplin

推荐理由：

1. 支持sketch和ps，支持文件自动更新。
2. 多平台适配，自动生成各种平台的尺寸。
3. 可输出Swift、objective-c等样式代码。
4. 支持团队协作和评论功能，适合远程团队在线讨论。zeplin还以链接到slack上，当设计稿更新时，成员能及时收到提示。

zeplin界面设计非常漂亮，不过它是国外的软件，需翻墙。目前可免费创建1个项目。

使用地址：https://zeplin.io/

sketch measure

推荐理由：设置区域非常集中，快捷键丰富。

1. 支持全部画板导出为一个html文件，可以在离线模式下查看所有设计细节，包括CSS样式。
2. 支持区域标注：可以在sketch中选中一个或多个层，通过「区域」按钮来标注。
3. 支持标注备注：可以在画板上标注一些备注，在规范导出的查看器中展示。
4. 支持导出安卓和ios规格的切图资源

sketch measure 产出物在本地，用户需要将文件包传来传去的，频繁更新时会有一些麻烦。

不过它目前是免费的，你可以用Donate的方式表达你的爱意。

使用地址：http://utom.design/measure/

工具没有高低，是有适不适合，如果恰巧找到了一款能够帮助自己提升工作技能、提高效率的工具，会让自己的工作幸福感提升很多~2018年，多一点时间给自己，新年快乐~