zeplin windows版 v10.30.1

Zeplin Windows版是一款专为平面设计师打造的高效制图软件，运行在Windows平台，帮助设计师专注于界面设计，无需再进行繁琐的切图和标注工作，从而降低了沟通成本，提高了设计还原度。它支持Mac、Win和Web模式，并兼容主流的设计工具如Sketch和PS，是设计师的理想辅助工具。

Zeplin的核心功能在于上传源文件后自动完成取色和标注，方便RD（研发人员）直接查看和使用，大大提升了工作效率。软件亮点包括快速查看CSS样式、导出设计稿、对文件进行备注和评论等功能。安装方面，Windows用户需要安装Photoshop CC并配合插件和面板使用，而Mac用户则需要安装Sketch和相关插件。

Zeplin的出现让我觉得设计师的工作变得更加轻松，尤其是告别了手动切图和标注的痛苦过程。虽然刚开始使用时可能会遇到一些小问题（比如切片预览图不一致或打开网页速度慢），但通过调整设计规范和提供客户端给开发者，这些问题都能迎刃而解。

总的来说，Zeplin是一款非常实用的设计辅助工具，值得设计师们尝试。

软件特色

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%。