新版Sketch以及插件分享,让你的工作效率翻倍!

设计经验 3年前 (2020) 互联网
1.3K 0

Sketch已经悄悄更新到68.2了,之前给大家分享过两期的Sketch插件推荐,随着版本的更迭,插件卸载了一批又一批,最后留下的都是工作中必不可少的~文末获取无套路免费领取方式哦!

新版Sketch以及插件分享,让你的工作效率翻倍!

自习室一直有在持续更新分享Sketch安装包,大家在公众号后台回复 Sketch 就可以获取最新版及历史版本,方便不同MacOS版本的同学选择使用~

以前给大家推荐的插件下载网站也变更域名了,现在是 oursketch.com ,作者推荐的插件都可以在这儿下载到,建议收藏不迷路哦!

接下来给大家分享常用的插件:

01 Sketch Measure

标注切图工具(本地)

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:导出的工程文件是本地的,比较安全,切图也直接导出来了,前端使用的时候会比较方便

使用说明  

第一次操作会弹出界面倍率和单位选择对话框让你设置,选择的倍率和单位基于当前画板尺寸,如 Sketch 默认 iPhone 7 画板 375x667px 的倍数和单位分别为 1 和 px。不清楚怎么设置的同学,就直接用默认的标准像素就好了,反正后面前端看的index预览文件里面可以再设置,所以这个其实不影响。

使用这个插件能快速的完成与前端的交接工作,我一般是用sketch默认的切图(制作导出项)完成切图后,选中所有要交接的界面(画板),然后点开Sketch Measure-导出规范(都是默认设置)就完成啦。

新版Sketch以及插件分享,让你的工作效率翻倍!

这些都是导出后的文件,一般我们只会用到切图文件和标注查看器,但你交付给前端的时候必须整个文件都打包发送,不然标注查看器就啥也看不见了。

对了对了,这个插件还支持手动标注和设置切图范围,真的很全能了!

02 摹客iDoc

标注切图工具(线上)

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:我和我的团队都是用的摹客,线上协作非常方便(PS:百人团队免费用,really良心产品)上面推荐的插件是把设计规范导出到本地进行交付,而摹客支持多人线上协作,文件再也不用传来传去啦

使用说明  

使用就更简单了,打开插件,登录摹客账号,选择项目然后上传就可以了!

新版Sketch以及插件分享,让你的工作效率翻倍!

上传完成后,点击“查看项目”,你会跳转到摹客iDoc网页上去,在这里支持查看界面数据、一键下载切图、在线制作交互原型和添加评论等操作。

值得注意的是,你分享出去的链接有两种模式,一种是给程序员看的,链接里面含有/app/字样,这个是属于内部文件,所以是需要权限的,记得把你的伙伴们添加进团队里。

还有一种是对外的预览链接,谁都可以看,如果你制作了交互,还可以在这里进行跳转等交互操作,链接里面含有的是/run/字样

03 Kitchen

蚂蚁金服出品的效率工具集

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:超多免费资源,图片、文字等数据填充;iconfont图标;智能排版;图表生成

  使用说明  

好用!谁用谁知道,嘿嘿。

新版Sketch以及插件分享,让你的工作效率翻倍!新版Sketch以及插件分享,让你的工作效率翻倍!

04 Automate

腾讯大神开发的效率工具集

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:比sketch更新得还频繁的效率工具集,由腾讯大神Ashung开发

  使用说明  

超级多功能,随便截个图给你们看看~对了,插件默认是英文的,咱们需要在【帮助help】里面选择【更改菜单语言change language】换成中文。

新版Sketch以及插件分享,让你的工作效率翻倍!

05 Craft

国外效率工具集

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:这是最早的自动填充神器,图片、文字等数据填充(国外的);元素快速复用排版

  使用说明  

在kitchen之前就经常被我们使用,最常用的功能就是元素复用,大家可以试玩一下。不过安装会稍微麻烦一丢丢,教程可以看这里

https://oursketch.com/plugin/craft

06 Preview in browser

浏览器中查看设计图

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:非常好用的预览神器,特别是对于网页设计师来说,能直接从软件到浏览器中去预览效果是非常直观和高效的

  使用说明  

这个插件以前只能预览画板名称开头是英文或数字的界面,现在优化了,也支持中文名称了,选中画板,按住快捷键command ⌘ + shift ⇧ + .  就可以在网页真实预览设计图,堪称完美。

作者曾经也写过一篇文章专门向大家推荐这个插件,详情点击:墙裂推荐Sketch预览网页设计效果插件

07 Dapollo

大菠萝,支付宝工作台

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:内含支付宝基础图标、色彩库、组件库、设计图模板

  使用说明  

蚂蚁金服联合 Iconfont 推出的一站式设计开发工作台,内含标准的图标库、色彩库和组件库,安装好后,直接从插件侧边工具栏中拖出你想要的设计模板就好啦。

新版Sketch以及插件分享,让你的工作效率翻倍!

08 Fusion Cool

完整的中后台设计系统组件库

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:中后台基础图标、图表、组件、区块及设计图模板

  使用说明  

安装好后在右侧面板中显示,可以选择跟sketch属性面板相互切换,使用方式也是拖拽到画板里就可以用。

新版Sketch以及插件分享,让你的工作效率翻倍!

09 Split Shape

平分图形工具

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:懒人福音,当你想在一个宽度内设置几个相等宽度和间距的图形时,再也不用掏出计算器和小本本进行计算了,这个插件可以一键将图形按照指定数量和间距平分

  使用说明  

我超爱用这个插件,太省心了~

新版Sketch以及插件分享,让你的工作效率翻倍!

如果界面上要做两个按钮,你是不是要先留出安全边距,然后留出按钮间距,再进行平分?这样的过程是非常繁琐的,而且还得去思考计算,太烦了。

新版Sketch以及插件分享,让你的工作效率翻倍!

有了这个插件,你只用画一个通栏的矩形,然后输入你想要的安全边距margins,和按钮间距gutter,列数设置2,行数设置1,然后就OK了!

当你需要做一个相册页面的时候,更方便了!只用画一个矩形,然后设置行列数,卡卡卡,一秒钟给你搞定九宫格!

10 Copy 2 all

一键复制到全部画板

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:一键复制当前图层、编组或组件到所有画板的相同位置

  使用说明  

插件将复制当前选定项到所有其它画板并放置同一位置,执行 Plugins > Copy 2 All 或使用快捷键 command ⌘ + alt ⌥ + A

11 Rename it

快速批量重命名图层

新版Sketch以及插件分享,让你的工作效率翻倍!

特点:批量重命名图层、画板,还可以按照排序来重命名

  使用说明  

这个插件用来规范命名真的是太好用了,里面还有一些隐藏操作,大家可以根据需求详细了解一下:

https://oursketch.com/plugin/rename-it

插件已经打包好了,如果看完本文觉得有收获的话~欢迎关注我的微信公众号【叶设计的自习室】,持续更新自习经验、优质教程、设计资源和灵感❤

【自习室】插件分享第三弹20200911

链接: https://pan.baidu.com/s/1ktShq6fWpRUQQNACcAQAgA

密码: iqpo

版权声明:互联网 发表于 2020-12-02 14:18:02。
转载请注明:新版Sketch以及插件分享,让你的工作效率翻倍! | 前端印记
数据库云大使

暂无评论

暂无评论...