zeplin windows版 v10.12.0

zeplin windows版是专为平面设计人员而开发的一款运行在windows平台上的高效制图软件，可以让设计师只需专注界面设计，不需再做切图和标注的工作，从此告别切图和标注，降低设计师的沟通成本，提高设计还原度。zeplin目前支持Mac os 、Win 以及 Web 模式，各大平台畅通无阻，支持现在主流的Sketch以及PS哦，是设计人员最好的辅助设计软件。

软件特色

zeplin到底有多厉害呢？

精简出一句话就是：它能够让设计师直接上传源文件，然后系统帮你取色、标注什么的，再然后 RD 们就能够直接看到了。

使用上Zeplin之后，设计师不用切图！设计师不用切图！设计师不用切图

设计师也不用标注！设计师也不用标注！设计师也不用标注！

反正用完之后整个人都年轻了。

Zeplin软件亮点

支持对css的样式进行快速的查看，对您完成的设计稿进行导出的操作

对文件快速的进行备注，并且对评论的功能支持

这次从你需要使用的Sketch里面完成对文件的导出

还可以对相关的值进行显示，快速的即可完成观看

而且对Zeplin的分组，设置功能，让您快捷的完成相关的操作

支持对文件进行打上你需要使用的变迁

软件使用方法

安装软件＋zeplin插件

Mac用户：安装sketch；Zeplin.app；zeplin-sketch插件

直接解压安装即可

Windows用户：安装Photoshop CC；Zeplin.app；zeplin－ps插件&面板

如何安装的Photoshop插件？

通常，当你启动Zeplin，插件应自动安装。但是，如果你有问题，请确保你有最新的Photoshop CC年的版本。两件需要安装，插件和面板。

软件安装教程

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

常见问题

1、切图的图标没有点击态？

答：方法一：可以在单个文件下面加长一条，新增一些图标点击态；方法二：建立一个设计规范，把整个app的图标控件整理，方便开发统一调用（楼主用的是这个）。

2、想对对设计稿进行备注怎么办？

答：选中需要备注的图层，“？+鼠标左键”，即可弹出备注浮层。

3、为什么切片的预览图和实际导出的图不一样，而且尺寸大小不一致？

答：切片一定要放在图片的上方且切片命名不要重复，图片的XY轴位置不能出现小数点。

4、zeplin网址打开网页太慢怎么办？

答：把客户端的安装包给开发，打开速度提升100%。