10个提高设计效率的Sketch插件分享

  • A+
所属分类:设计资源

本文来源: 公众号 - UX小学, 共 2067 字

前两天有同学在后台问,有没有好用点的 Sketch插件可以分享一下。这个其实还真有几个,一直在用,效率也挺好,所以今天把这些插件整理了一下,分享给大家吧。为了省事,我把经常用的一些插件都进行打包好了,大家直接下载解压安装就能用了,不需要破解,也都是免费的,很方便。(下载在文末)

01 . Sketch Runner

推荐指数 ★★★★★

大家在找Sketch内具体的某个画板、功能或者跟组件库里的某个组件时,可能经常要从左边的图层栏及菜单栏里面一个一个找。一旦组件多了之后,找起来非常麻烦,浪费时间。所以 Sketch Runner 就是一个解决专门寻找Sketch内的组件及功能的插件,安装完插件后,按下快捷键【 Commad+“】输入相关画板、图层、组件名称,就能轻松找到相关资源了,搜索起来相当的方便。

10个提高设计效率的Sketch插件分享

使用插件前-一个一个拖拽

10个提高设计效率的Sketch插件分享

使用插件后 - 快速搜索就可以啦

另外,Sketch Runner 还支持管理你现有的Sketch插件,包括你想下载一些更多的插件,也可以直接在这里面搜索,选择 install 就能快速安装了,是个非常好的工具。

10个提高设计效率的Sketch插件分享

 

02 . Base Align

推荐指数 ★★★★★

大家都知道字体有行高,所以在Sketch中,你选择底部对齐或者顶部对齐,文字还是不会对齐,要想真正意义上对齐文字,得放大慢慢调。以前没有用这个插件以前,我对齐文字的时候也是拉跟辅助线,放大慢慢调,直到看起来对齐为止,特别浪费时间。有了这个插件后,只要轻松点一点,插件就能自动完美对齐文字的基线,不用再手动调整,简直强迫症患者天大的福音。做移动端的UI设计,必须要下载的一个插件。

10个提高设计效率的Sketch插件分享

 

03 . Sketch Unsplasher

推荐指数 ★★★★

大家都知道,unsplash 是个非常著名的免费图库网站,里面的所有图片都可以免费放心使用。大家在做设计的时候,经常需要用到一些高逼格照片,就可以去这里进行搜集下载。比较牛逼的是,他们家还有个插件,你只需要进到 unsplash 官网,找到你喜欢的图片组,然后复制下来它的编码,再到 Sketch 里,选中这些图层,打开插件,选择 Fill from a Collection ,输入图片组的序列号,就能轻松把图片填充到你想要的图层里啦~

10个提高设计效率的Sketch插件分享

特别是有些设计稿里面,需要用到大量的图片素材,安装上这个插件,就可以很快速的贴图了。另外由于图片是免费的,所以而且还不用担心侵权的问题,省事省心省力。

 

04 . Clipboard

推荐指数 ★★★★

这个插件跟上个插件的功能其实差不多,有的时候设计稿里需要填充图片,用蒙版太麻烦了。有了这个插件,先在网上找到喜欢的图,右键复制到粘贴板,再到Sketch里,选择你要填充的形状,按下Control+alt+V,就能轻松填充图片了

10个提高设计效率的Sketch插件分享

 

05 . Easing Gradient

推荐指数 ★★★

这很多同学在拉渐变的时候,总是控制不好,拉出来的渐变非常硬,不够柔和。那么用上这个插件,你可以很好地管理渐变幅度,甚至是色彩的梯度,非常方便。虽然用的少,不过有的时候觉得还挺好使的,也分享给大家。

10个提高设计效率的Sketch插件分享

左边是Sketch自带的,右边是插件绘制的,插件绘制的渐变看起来会更舒服。

10个提高设计效率的Sketch插件分享

 

06 . Anima-Stacking

推荐指数 ★★★★

大家在复制一些图层跟组件的时候,经常要手动去调整间距,这样才能完美的对齐,虽然sketch在更新后,有个自动排列的功能,但是还是挺不方便。那么有了这个插件,去调整复制图层组的时候,就很方便了。

10个提高设计效率的Sketch插件分享

 

07 . Anima-Padding

推荐指数 ★★★★

喜欢用Symbol的同学应该知道,Symbol中的按钮,是没办法根据文字的长短自动适配按钮宽度的,那么有了这个插件,只需要事先在插件内设置一下,然后再到Symbol控制面板中输入文字,就会发现,按钮的宽度会自动适配了,也非常方便。

10个提高设计效率的Sketch插件分享

 

08 . Sketch Measure

推荐指数 ★★★★

中国设计师 Utom 大大写的一个插件,非常牛逼,写规范导标注必备。从刚开始用Sketch到现在,最常用的插件,就是这个了。不过我相信大部分人都装了这个,所以关于这个就不展开讲了,没装的同学赶紧装一个,推荐指数满星。

10个提高设计效率的Sketch插件分享

 

09 . Overflow

推荐指数 ★★★★

交互同学用这个,画原型图跟流程文档图会很方便。是代替 Axure 的绝佳好帮手。另外视觉设计师也可以装一下这个插件,在页面很多的画板中,用这个来标注页面之间逻辑的跳转,看起来逼格非常高。

10个提高设计效率的Sketch插件分享

 

10 . Dapollo大菠萝

推荐指数 ★★★★★★★

最后压箱底的一个,这个大菠萝插件是由国内支付宝设计团队出品的。最喜欢的就是里面嵌入了非常多的组件素材,拖出来,改一改就能用啦,方便的很。当然最爱的当然还是图标搜索功能,大菠萝里面接入了 iconfont 素材库,几千万个图标,随便选几个,拖拽进来简直不要太方便,再也不用费劲脑汁花大量时间去画icon,设计师非装不可的一个插件了。

10个提高设计效率的Sketch插件分享

Sketch插件合集下载: (提取码:jrvy)



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: