Zeplin 面向的用户是设计师和前端（Web、Mobile）工程师，相当于做的是中间桥梁这一块，核心功能为标注、Style Guide、备注文档与简单的团队协作。这块软件由四名在伊斯坦布尔的开发者制作，目前仅支持 Sketch，但是 PS 也已经出现在官网，应该也快了。
在使用 Zeplin 之前，最早是使用马克曼进行标注的，也就是直接在输出效果图上量尺寸；使用 Sketch 插件 Measure 之后，可以在画板中生成尺寸标注信息，导出标注图提供给开发同学使用。无论是马克曼还是 Measure，最后的交付物是一致的
软件特色
它到底有多厉害呢
精简出一句话就是
它能够让设计师直接上传源文件
然后系统帮你取色、标注什么的
再然后 RD 们就能够直接看到了
使用上Zeplin之后
设计师不用切图！设计师不用切图！设计师不用切图！
设计师也不用标注！设计师也不用标注！设计师也不用标注！
反正用完之后整个人都年轻了
使用方法
安装软件＋zeplin插件
Mac用户：安装sketch；Zeplin.app；zeplin-sketch插件
直接解压安装即可
Windows用户：安装photoshop CC2015；Zeplin.app；zeplin－ps插件&面板
如何安装的Photoshop插件？
通常，当你启动Zeplin，插件应自动安装。但是，如果你有问题，请确保你有最新的Photoshop CC2015年的版本。两件需要安装，插件和面板。
安装教程：
1、插件
解压并拷贝“io.zeplin.photoshop-plugin”到
“Adobe Photoshop CC 2015/Plug-ins/Generator”文件夹中粘贴。
2、面板：
从Finder菜单中，单击“Go> Go to Folder ...”，键入“〜/ Library / Application Support / Adobe / CEP / extensions”，然后单击Go。解压并拷贝“io.zeplin.photoshop-panel”到文件夹中粘贴。
现在，当你重新启动你的Photoshop，你会看到在菜单中Zeplin面板往上顶：窗口>扩展> Zeplin
关于zeplin使用的几个疑问：
1、切图的图标没有点击态？
答：方法一：可以在单个文件下面加长一条，新增一些图标点击态；方法二：建立一个设计规范，把整个app的图标控件整理，方便开发统一调用（楼主用的是这个）。
2、想对对设计稿进行备注怎么办？
答：选中需要备注的图层，“⌘+鼠标左键”，即可弹出备注浮层。
3、为什么切片的预览图和实际导出的图不一样，而且尺寸大小不一致？
答：切片一定要放在图片的上方且切片命名不要重复，图片的XY轴位置不能出现小数点。
4、zeplin网址打开网页太慢怎么办？
答：把客户端的安装包给开发，打开速度提升100%。
