您所在的位置: 天极下载 > 电脑软件 > 图形软件 > 图形设计 > Zeplin
Zeplin

Zeplin

10.2.1官方正式版
  • 软件大小:116.3MB
  • 更新时间:2024-06-21
  • 系统类型:支持32/64位
  • 星级指数:5
  • 软件平台:电脑版
  • 下载次数:65次
  • 安全监测:无插件无病毒正式版
  • 软件语言:简体中文
  • 操作系统:winall/win7/win10/win11
  • 增加安全防护与软件管理功能

    360安全卫士下载Zeplin

    先下载360安全卫士经检测安装Zeplin

  • 普通方式直接下载Zeplin

    原始下载方式,直接下载Zeplin

  • 一键安装卸载

  • 软件权限管理

  • 升级提示服务

  • 卫士实时防护

  • 流畅安装,防劫持

Zeplin下载介绍

ZeplinZeplin官方版是款为设计师们打造的设计以及制作图片工具。Zeplin官方版为我们提供了标注、Style Guide、备注文档与简单的团队协作功能,这款软件可以帮我们自动生成尺码标注、CSS 样式代码、导出图片,能够支持共享成员间的备注和评论,还可以对相关的值进行显示,快速的即可完成观看。

功能介绍

量身定制的资源,在一个位置

Zeplin会自动从为您开发的平台定制的设计中生成准确的规范、资产和代码片段。在设计文件中不再丢失。

出口设计一键

不需要改变你的设计方式,只需使用一次点击导出你的文件使用我们的草图,Adobe XD CC,Figma,Adobe photoshop CC插件。

让每个人都站在同一个页面

在Zeplin的出口和商店设计项目,在云端,在一个屋檐下。快速邀请队友,分享链接,并建立。

在设计上进行交流

直接在设计上添加注释以传达想法、反馈或要求技术细节。为了使事情有条理,用颜色对笔记进行分类并在完成后解决它们。

使用集成加速您的工作流程

将ZePin添加到松弛通道或TelLo板上,以加速您的工作流程,始终保持团队的最新状态。

建立团队的设计知识库

收集和组织您的团队的项目和资源,如组件、颜色、文本样式。存储旧版本和项目,必要时快速引用它们。

相关软件 版本说明 下载地址
Pixso设计协作工具 产品设计协作一体化工具 查看
Figma 实用的原型设计软件 查看
稿定设计 0基础也能做设计,随时开启团队协作 查看
InVision Studio 最新版 查看
摹客RP 画原型做设计,用摹客RP就够了 查看

Zeplin软件特色

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

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

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

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

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

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

Zeplin安装步骤

  在本站下载最新安装包,双击运行,然后登录账号即可使用软件

使用方法

下载完成后,我们打开本地的 App,点击右上角的 Create,创建一个新的项目。它有多种模式的,Android、iOS、Web,每个下面会有相应的描述。

这里我们选择 Web,可以看到 CSS 和 HTML。

从Sketch中导出文件

下面我们打开 Sketch,选择菜单-> Plugins -> Zeplin -> Export Selected Artboards...

这时会弹出 Zeplin 的导入窗口,选择需要导入进的项目。

可以注意到左下角有一个“Replace scrrens with the same name”,这个是指如果是已经导入过项目,但我们 Sketch 里设计稿修改了,需要更新 Zeplin 上的设计稿时,打上勾就可以替换原本的文件了。

Zeplin的分组及设置

导入完成后,会自动跳出 Zeplin 的 App,我们可以看到文件都在 Zeplin 里了。鼠标悬浮在第一个文件的最左侧,会出现像除号一样的标志,点击一下,我们就可以给这几个文件创建一个分组了。

这里我们把它命名为“商品相关”。看文件名的右侧,有一个小三角的标志,点击它就可以方便地收起或展开文件分组。

然后旁边有个更多操作的按钮,我们点击一下,还可以给这个分组增加描述、重命名分组、移动分组,或是删除分组了。

查看CSS样式

我们进入 Zeplin 的一个设计稿,点击一下某个区域,如下图。我们可以看到该区域的px 尺寸,以及它与其他元素的距离。

看面板的右侧,我们还会看到它CSS 相关的值,例如 box-shadow。

导出设计稿图片

Zeplin 还有个非常好的功能,就是导出图片。矢量图片可以包含 PNG 和 SVG 格式。

不过不要忘记需要先在 Sketch 中,给这个图片设置过Export。

给文件打标签

接着我们看下 Zeplin 的打标签功能。可以看到这个文件已经有了一个“专题”的标签。我们还可以给它选择其它的标签,或是输入一个新的标签。也可以删除这些标签。

然后回到主面板中。我们可以注意到最上面有两排的标签。比如我们选择“专题”,就会看到被打上了“专题”标签的所有文件。

由于在最初,Zeplin 并没有创建分组的功能,所以我们用标签来分类文件。而现在我们就可以用标签来做更细化的过滤筛选条件。

备注或评论

接着再看一下评论功能。我们可以回复一条评论,或是修改评论的颜色,或是删除这条评论。

还可以新增一条评论。CMD + 鼠标点击一个空白区域,输入你的评论即可。

注意看一下,文件的右下角有一个 Notes 睁着眼睛的小猴子标志,如果点击一下,就可以隐藏页面上的所有评论。

FAQ

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

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

  切图的图标没有点击态?

  答:方法一:可以在单个文件下面加长一条,新增一些图标点击态;方法二:建立一个设计规范,把整个app的图标控件整理,方便开发统一调用

提示:软件图集是通过Zeplin官网或软件客户端截图获取,主要用于分享软件价值,如有侵权请联系我们!

天极下载人气软件

换一换
夸克浏览器
  • 热门下载
  • 热门分类
  • 热门合集
  • 热门标签
  • 热门聚合
  • 今日资讯

相关软件推荐

AI桌面浏览器

电脑软件下载排行

1 微信电脑版

v3.9.12.17官方正式版

微信电脑版 v3.9.12.17官方正式版

270MB|星 查看

2 腾讯电脑管家

v17.2.25896.301官方正式版

腾讯电脑管家 v17.2.25896.301官方正式版

1.95MB|星 查看

3 火绒安全软件

v5.0.76.1官方正式版

火绒安全软件 v5.0.76.1官方正式版

27.1MB|星 查看

4 向日葵远程控制软件

v15.6.8.15544官方正式版

向日葵远程控制软件 v15.6.8.15544官方正式版

71.2MB|星 查看

5 爱奇艺视频

v12.8.5.8638官方正式版

爱奇艺视频 v12.8.5.8638官方正式版

78.2MB|星 查看

6 魔兽大脚插件(bigfoot)

v7.3.2.5官方正式版

魔兽大脚插件(bigfoot) v7.3.2.5官方正式版

74.6MB|星 查看

7 360软件管家

v14.0.1.1271官方正式版

360软件管家 v14.0.1.1271官方正式版

97.2MB|星 查看

8 自然人电子税务局(扣缴端)

v3.1.224官方正式版

自然人电子税务局(扣缴端) v3.1.224官方正式版

143MB|星 查看

9 桌面百度

v3.3.0.3153官方正式版

桌面百度 v3.3.0.3153官方正式版

12.3MB|星 查看

10 CF活动助手

v5.8.5官方正式版

CF活动助手 v5.8.5官方正式版

15.1MB|星 查看

11 钉钉电脑版

v7.6.15.91110808官方正式版

钉钉电脑版 v7.6.15.91110808官方正式版

4.96MB|星 查看

12 搜狗浏览器

v12.4.6073.400官方正式版

搜狗浏览器 v12.4.6073.400官方正式版

104MB|星 查看

软件更新

  • Zeplin截图1
  • Zeplin截图2
  • Zeplin截图3
  • Zeplin截图4
  • Zeplin截图5
  • Zeplin截图6
  • Zeplin截图7
  • Zeplin截图8
  • Zeplin截图9

Zeplin Zeplin  v10.2.1官方正式版
关闭

您可能还需要

大家都在玩