Zeplin —— 一款协同设计师、前端开发工程师、iOS、Android的工具，省去设计师很多切图、标注的时间，让设计师更专注设计本身，节约了很多精力。在介绍功能以前先告诉大家怎么安装。
安装方法
1. 去官网下载最新的Zeplin.app安装包并安装
2. 下载安装Zeplin的Zeplin.sketchplugin插件
此时在sketch的plugins菜单上就能看到Zeplin一栏，说明已经安装完毕。当然要在用之前必须先去官网注册邮箱账号，并在软件上登录
功能介绍
想要把sketch里面的画板导入zeplin之前，我们需要在zeplin里面建立一个项目，sketch的画板就统统导入此项目，目前用的免费账户好像只允许用户建立一个自己的项目，但可以同时加入其它人建立的项目。下面的Gif图，建立了一个"zeplin introduce"的项目:
1. 建立切片导入Zeplin
在sketch中有两种方法建立切片导入zeplin
方法一：
给图层对象建立symbol，在相应页面里全选symbol画板，然后点击在右下角点击"Make exportable"，不用管切片规则，看见左侧图层上有切片图标就可以了。
方法二：
在原图层上直接画出切片，一定要注意切片的命名，因为开发在zeplin下载的图像文件名都是切片名称。
但此种方法有个弊端，在渐变背景色图层上切图时，开发很难点中切片而是直接看到了渐变色值，以为没有切片，建议有条件下优先采用方法一
建立切片以后，在sketch的plugins菜单中找到"zeplin"-"export selected artboards"，或者按快捷键command+control+E弹出导入画板提醒，选择刚刚自己建立的"zeplin introduce"后点击"inport"。
需要注意的是，在选择导入画板的对话框中，左下角有一项"Replace screens with the same name"，如果勾选此项，文件名相同的画板在zeplin中会被替换掉。
2. Zeplin页面信息介绍
把一张登录页面导入zeplin后我们能看到页面右侧有4部分相关信息，基本信息-颜色-切片-备注信息。
·基本信息
Description - 点击“No description yet.”可以添加描述信息，完成点击“Done”按钮。
Last updated - 最近一个更新时间
Tags - 点击“Manage”可以给页面建立多个标签，作为免费用户我们通常用标签来给每次的迭代分类
Links - 其他用户通过你分享的链接能看到该页面
File - 能看到你的sketch源文件存放在本地的位置，点击可以打开sketch文件
·颜色
可以看到页面中出现的所有颜色，鼠标滑动到对应色彩上出现小水滴图标，提示可以把该颜色添加至样式库。
另zeplin菜单栏中点击"Project" - "Color Representation"可以根据开发要求切换颜色模式是RGBA还是HEX。
·切片
切片项里面可以看到该页面所有切片，开发在这个页面可以一次性下载所有切图的PDF和PNG格式，非常方便。
·备注信息
在页面中按住command键+点击鼠标左键能建立备注信息，如下图①黄色标签，右侧面板显示具体内容。
单击标签，可以对标签进行颜色更改、设为已解决、编辑、删除等。
·其他功能
左侧漏斗图标：点击可以展开左侧该页面的历史更新信息，目前免费账户只能查看到最近一次的更新。
加减号：放大缩小页面百分比。
弹出图标：可以把该页面单独弹出显示。
右下角加号图标：添加备注信息。
Notes图标：显示/隐藏备注信息。
利用Tags来管理页面
右键点击页面弹出菜单，选择"Add Tag"可以添加标签，在已添加Tag的页面右键单击弹出的会是"Manage Tags"，一个页面可以添加多个Tag，点击Tag栏来筛选当前标签的页面，如下Gif图:
另外，我们还可以把Tag转化成区域标题来做内容筛选，当Tag转化成区域标题以后该Tag就消失了，当前页面的呈现方式也变成了列表显示方式。
· Section相关操作
点击右侧更多图标弹出菜单
Edit Description - 在区域标题下方添加描述信息，e.g. 这里是音乐播放界面
Rename Section - 重命名区域标题，e.g. V 2.0
Move Section Down - 把该区域内容移动至下方区域(这里有更方便的拖动方式，鼠标点击标题前方的图标即可完成拖动)
Delete Section - 删除该区域
Move Screen to Project - 当你有多个项目的时候(高级会员)，可以把该区域内容移动至其他项目，至于免费用户，自然会弹出框告诉你赶紧交钱升级会员^_^
最后...
再分享一个便捷小操作，再做页面适配的时我们有时候需要知道一个动态百分比而非固定值，zeplin页面里面，按住option键就可以及时看到pt和%转换
以上Zeplin版本Version 1.22.2 (316)
Sketch Version 47.1 (45422)
