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

切图往往意味着:

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 android 切图,Sketch 利器:简单三步,一「刀」切图相关推荐

  1. 简单三步用TP-Link路由器和本地电脑自建小型Web和FTP服务器

    https://www.freehao123.com/zijian-web-ftp/ 简单三步用TP-Link路由器和本地电脑自建小型Web和FTP服务器方法 今日心血来潮,玩过Hexo后虽没有决定用 ...

  2. Android桌面组件App Widget开发三步走

    桌面组件App Widget是Android的实用功能,开发过程虽然不是很难,但是步骤不少,略有麻烦.为了方便以后再次使用的时候,快速上手,概括了下面的关键步骤.并且把项目打了包,方便以后的使用.新建 ...

  3. mysql插入数据返回主键值_Mysql千万级别数据批量插入只需简单三步!

    第一步:配置my.ini文件 文件中配置 bulk_insert_buffer_size=120M 或者更大 将insert语句的长度设为最大. Max_allowed_packet=1M Net_b ...

  4. 简单三步解除Word文档保护密码(转)

    简单三步解除Word文档保护密码(转) WORD文档有两种密码,一种是打开密码,一种是文档保护密码. 我所说的方法适用于文档保护密码. 第一步:打开加密文档,选另存为WEB页(图1) 之后会出现如图2 ...

  5. 简单三步!教你用前端表格控件SpreadJS做购物车

    SpreadJS结合40余年专业控件技术和在电子表格应用领域的经验而推出的纯前端表格控件,基于 HTML5,兼容 450 多种 Excel 公式,具备"高性能.跨平台.与 Excel 高度兼 ...

  6. 用友t3安装计算机名称不符合,「用友T3安装教程」简单三步安装T3,安装再也不求人!...

    原标题:「用友T3安装教程」简单三步安装T3,安装再也不求人! 一.计算机环境 1.计算机名:不能有符号 按上图方法修改计算机名 修改后会出现这样的字样,暂不重启 2.时间和日期格式 进入控制面板把短 ...

  7. 如何将jpg图片做成gif?教你简单三步快速做gif

    想要将jpg格式的静态图片制作成gif格式的动态图片,应该如何操作呢?很简单,使用gif动态图片制作(https://www.gif.cn/)工具-[GIF中文网]的gif合成功能,简单三步就能轻松制 ...

  8. 为什么计算机桌面图标不见了,桌面上的图标不见了怎么办(电脑桌面图标突然没了怎么办?简单三步教你解决)...

    使用电脑过程中,我们有时候会发现桌面上的图标不见了,或者我们不小心误删了,这时候我们又急着是用电脑,怎么办呢?在这里网际简单三步教你解决!以win10系统来教大家怎么找回我的桌面电脑图标如下简单3步: ...

  9. 电子表格也能做购物车?简单三步就能实现

    在我们的项目当中,经常需要添加一些选择界面,让用户直观地进行交互,比如耗材.办公用品.设计稿或者其它可以选择的内容. 在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式,但是在实际开发中,我们 ...

最新文章

  1. 如何选择漏电保护器规格型号_施工现场三级电箱如何配置?图示详解,清晰明了!...
  2. C++和Java的属性访问和方法调用 效率比较
  3. Android音频实时传输与播放(四):源码下载(问题更新)【转】
  4. js前端——滑稽官网的亮瞎眼系列滑稽大法
  5. scrapy 图片url 转base64_一文快速掌握 scrapy 爬虫框架
  6. matlab 模拟风,三维空间相关风场的计算机模拟及Matlab程序实现
  7. Spark团队开源新项目MLflow发布0.2版本,内置TensorFlow集成
  8. 使用ASP.NET状态服务维护会话信息
  9. IOS使用pods初次加载出现Pods-resources.sh: Permission denied错误的解决方案
  10. android 通过usb验证应用,Linux应用可通过USB访问Android设备-Chrome OS 75版发布
  11. [bzoj1033] [ZJOI2008]杀蚂蚁 Big MoNI
  12. 【ASP.NET Web API教程】1 ASP.NET Web API入门
  13. ST-Link驱动安装包 STM32 keil
  14. 情景分析是什么?我们该如何去理解这个概念?
  15. SpringBoot掌握的差不多了,就剩下一个Actuator没搞定了,本文详细来介绍!!!
  16. Jenkins集成动态salve报错 连接测试报错:
  17. (纪录片)鸟瞰中国 China from Above
  18. 【C/C++】输入一个整数的二目运算式的字符串,如100+20,332-19,200*2333,44/33二目运算取”加减乘除“中的一种输出运算式的整数结果值
  19. 批量转换灰度图并保存
  20. 银行网申计算机技能怎么填,邮政储蓄银行网申填写技巧分享二

热门文章

  1. 计算机科学之父(人工智能之父)-艾伦·麦席森·图灵
  2. Notion的安装与使用
  3. 【软考】企业信息化战略与实施
  4. 小心,你的账号密码可能在 GitHub 上裸奔!
  5. 21省人均GDP超过1万美元,北京以19.01万元继续稳居榜首
  6. Javaweb学习(一)
  7. 可视化例子(12)——ECharts堆叠直方图
  8. 差分能量水印算法DEW
  9. 写给理工科人看的乐理(五)调性
  10. catia装服务器不显示不出来,CATIAV5无法显示略缩图怎么办?CATIAV5无法显示略缩图的原因分析和解决方案...