sketch
收到设计师的sketch文件后，用sketch打开，导出，就能在浏览器里查看html格式的文件，还能看到各个元素的宽高，距离，以及生成的字体，颜色，透明度等的css代码，对编写前端代码提供了很多的便捷。
二 实用技能整理
1. 导出选中的图层为图片
选中图层（如果是多个，就选中后右键 Group Selection），sketch最右下角点 + 号, 点击 Export ... 按钮，即导出问图片。
2. 查看某个元素距离另外某个元素的距离
点击该元素，按住 alt 键，鼠标移到到另一个元素，就会显示出两者的各种距离。
3. Marketch 将sketch转为html页面并能看到各个元素的css样式的插件：
https://github.com/tudou527/marketch
4. 直接从sketch中复制css样式或svg
参考
实用Sketch小技巧05——Sketch插件的安装和使用及管理 http://www.jianshu.com/p/84235319ca6a
Sketch Toolbox是一款由第三方开发的一款管理、查找和安装Sketch插件的工具 http://sketchtoolbox.com/