zeplin windows版 v10.33.1.0

zeplin windows版是一款面向设计师与开发协作场景的效率工具，运行在Windows平台上。它把设计稿的标注、取色、切图这类重复劳动交给系统自动完成，设计师上传源文件后，开发人员就能直接查看所需信息。软件目前覆盖Mac、Windows以及Web三种使用方式，对Sketch和Photoshop都有良好支持。对于希望减少沟通来回、提升设计还原度的团队来说，它算得上是一位称职的辅助角色。

它到底解决了什么问题

1、 设计师只需专注界面设计本身，不需要再花时间做切图和标注

2、 上传源文件后，系统会自动完成取色、标注等处理，开发人员打开就能看到

3、 省去手工整理标注的环节，设计稿与开发实现之间的还原度更有保障

4、 设计沟通成本随之降低，团队协作流程更顺畅

核心功能一览

- 支持快速查看CSS样式，并可将完成的设计稿导出

- 能够对文件添加备注，同时支持评论功能

- 可从Sketch中直接完成文件导出操作

- 相关数值会直接显示出来，方便随时查看

- 分组与设置功能让日常操作更快捷

- 支持为文件打上所需的变化标记

安装与插件配置

- Mac用户需要准备Sketch、Zeplin.app以及zeplin-sketch插件，解压后直接安装即可

- Windows用户需要准备Photoshop CC、Zeplin.app以及zeplin-ps插件和面板

- Photoshop插件通常在启动Zeplin时自动安装，若未成功，请确认Photoshop CC已更新到较新版本

- 插件与面板需要分别安装：把io.zeplin.photoshop-plugin拷贝到Adobe Photoshop CC 2015/Plug-ins/Generator文件夹中

- 通过Finder菜单进入Go > Go to Folder，输入?/Library/Application Support/Adobe/CEP/extensions后前往，再把io.zeplin.photoshop-panel拷贝进去

- 重新启动Photoshop，在窗口 > 扩展 > Zeplin路径下就能看到Zeplin面板

常见疑问处理

1、 切图图标缺少点击态时，可以在单个文件下方加长一条并补上点击态图标，或者建立设计规范统一整理图标控件供开发调用

2、 想对设计稿添加备注，选中目标图层后用?+鼠标左键即可弹出备注浮层

3、 切片预览图与实际导出图不一致、尺寸有出入时，要确保切片放在图片上方、命名不重复，并检查图片XY轴位置没有出现小数点

4、 打开zeplin网页速度偏慢，可以把客户端安装包交给开发人员使用，打开速度会有明显提升