Sketch 利器:简单三步,一「刀」切图

2017-07-30  本文已影响452人  b71abc341dbc

规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说,切图可以说是工作中最繁琐和重复的部分了。

切图往往意味着:

1、选择图层

2、导出文件

3、设置文件大小

4、命名

5、选择文件打包压缩

6、邮件传输

当面临需求变更,以上六步再来一遍。

墨刀创始人兼首席码农张元一认为,重复的工作都是令人发指的,于是,我们为大家带来 墨刀  Sketch 插件 2.0——集切图与标注于一体的强大设计利器。

它将切图简化成三步:

1、切片标记

2、扔进墨刀

3、一键下载

不用导出文件,不用邮件传输,还能立即让开发拿到最新切图,一「刀」切图。

使用墨刀切图可以方便你:

1、减少沟通步骤:协作者可直接点击「开发者模式」,对切片素材进行自主下载;不必像传统模式下,经过下载-压缩打包-传输,中间又反复修改、传输的繁琐过程。

2、一键下载,自由挑选:可一键下载(x1、x2、x3)的素材压缩包;不必在 Sketch 里导出一个个不同大小的素材包

如果你第一次认识墨刀 Sketch 插件:

墨刀 Sketch 插件是墨刀团队为设计师开发的一款设计利器,让设计师可以在墨刀与 Sketch 之间无缝切换。

配合墨刀强大的工作流和交互设计功能,你可以将「产品交互文档.doc」、「标注设计稿.png」、「切图文件.zip」 打包成一个链接,让开发者直接从这个链接中获取设计稿的颜色、尺寸、坐标、间距等标注信息,页面切图文件,加速开发。

我们还在不断迭代成长:

1、快速导入及更新 Sketch 设计稿至墨刀 √

2、收集设计稿中参数信息,引入测距功能,开发者在原型上可查看所有控件参数——包括颜色、尺寸、边距等信息 ;引入切片素材下载功能 √

3、切图 css 文件下载

4、在插件中新建项目

5、保留分层数据,让设计师完成更精细化的交互原型

感谢大家对墨刀的厚爱,欢迎将此神器推荐给你的设计师朋友哦!

详细的使用教程和下载链接请点击:墨刀 Sketch v2.2 :新增切片素材下载

上一篇下一篇

猜你喜欢

热点阅读