第二弹-Sketch上最好用的插件合...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
51041 20 240 2018-01-27


 

Hello guys!

Welcome to Superyeah's Study Room. 

Sit down, and have fun!

公众号:叶设计的自习室


上次叶哥给大家整理了16个最常用的Sketch插件,比如汉化包、自动标注神器、自动填充神器,还有关于字体的、色板的、图形的等等等,详细功能介绍见:http://www.ui.cn/detail/295989.html


第一弹的文章将16个插件的用法写得较详细,但是给大家的安装包是这种画风:



群里有同学吐槽说这一堆乱七八糟的英文看着都心烦啊,我咋知道哪个是标注神器,哪个是填充神器???黑人问号???


好吧,这次换个画风!(以前上传的文件我就删啦,大家阔以在文末重新下载)



新的安装包有没有感受到叶哥的诚意,哈哈,再说不知道哪个插件是啥就自己去罚站..



好啦,现在进入今天的正题:插件第二弹!


随着工作内容的不断丰富,很多操作靠UI设计师手动去做已经很不科学了,这时候强大的工程师们又开发了许多在Sketch中拯救UI的小插件,从此工作效率蹭蹭蹭往上提啊,伟大的工程师,表白+感恩!


超级叶的Sketch插件第二弹,一共有21个叶哥亲测好用的插件。鉴于插件太多,我们今天就不对每一个都进行详细讲解了,我的想法是:概述这些插件,分享一下我自己的使用体验供大家参考,如果其中刚好有你需要的插件,可以去我给大家推荐过的sketch.imgithub上搜索其具体使用方法。


希望你们喜欢!



01 常用图表-Chart

快速根据自定义参数创建常用图表,包括:线形图表、垂直柱状图、水平柱状图、区域图、堆积区图和微线图。


02 导出GIF和ICNS-Export More

Sketch支持导出多种格式的文件,除了GIF和ICNS(图标格式),这个插件可以解决该问题,注意:①如果要导出ICNS格式,需要在1024*1024的画板上创建你的图标,这样可以保证导出16-512的所有尺寸图标,包括@1x和@2x。②存在多个画板但都没被选中时,只会导出画板列表中的第一个画板。


03 摹客iDoc

Image title


新锐设计工具,有一些比较花心思的功能,感觉还是比较新颖和高效,除去标注,切图,交互原型等基础功能,在体验和功能上做了一些优化。

详细测评可以参考这篇文章:摹客 iDoc 12月上半月新功能点评


1. 自动生成颜色规范做设计规范比较轻松。

2. 可迭代的状态图,一个页面中上传多个副本,保留不同的状态,只想切换按钮状态,并不想复制多个画板的情况完美解决。

3. Axure、Justinmind、Mockplus等原型演示包在线预览。

4. 滚动区固定状态栏、手势交互等多种交互动画效果,交互和动画还可以。


访问官方立即下载体验:摹客iDoc


04 粘贴-Paster

别看只是一个粘贴功能就小瞧了它,这个插件可6了。叶哥做网页设计的时候,以header上的导航为例:只要在sketch先新建几个文本框,然后复制Word文档里规划好的导航栏内容,再框选这几个文本框,点击该插件,就分别自动粘贴进去了!

注:作为数据分隔符,可以使用逗号(如我的导航-首页,服务,新闻,我们,联系),空格,新行和表格单元格。



05 保存色板-Sketch Palettes

以 .sketchpalette 后缀名文件保存文档颜色 / 全局颜色到你指定的位置,新建文档的时候可以载入色板。


06 饼状图-Sketchy Pies

①将正圆转换直接为饼图,在弹出的对话框中输入 #十六进制色值即可。②如图,输入色值:百分比(20% 同样可以使用 0.2 表示),可以生成带百分比参数调整的饼图。



07 单词统计和文本转换-Comma

一键转换文本大小写及字数统计,仅限英文。


08 对齐画板-Arrange Artboards

管理画板,可按你指定的行数进行排列。


09 多语言翻译-Translation

手动翻译,通过该插件可以调取多语言,操作比较简单,但涉及到一些代码编辑,附上操作指南:http://sketch.im/plugins/96


10 混合工具-Blender

一键混合多个对象形成均匀分布形状,这个工具是6的,类似AI里的混合工具,功能差不多,轻松制作出有艺术感的设计,如图。

Image title



Image title


11 蓝湖-lanhu 0.87

将Sketch画板上传到蓝湖的同步插件,如果你还不知道蓝湖是什么,赶快百度一下。在线轻松做好交互连线、原型演示,全自动生成标注切图,支持团队协作。


12 同步至AE-Sketch2AE

功能如名字,叶哥平时没咋用AE,但准备年后有空了重拾起来。


13 全系适配-Auto Layout

一键搞定全系适配,可以说是一个大神器了,但叶哥觉得设置起来还是很麻烦的,简单App页面用它来适配还行,复杂的还是自己老老实实做吧。附上操作指南,里面还有一个教程视频:http://sketch.im/plugins/65

Image title


14 提取图片配色-Alembic

一键提取位图图层色值至剪贴板,非常好用,强烈推荐。点击Alembic,再选中一个位图图层(图片)就可以提取颜色。

Image title


15 统一渐变和色阶-Chromatic Sketch

创建更好看更统一的渐变和色阶,不用担心自己调的渐变会脏了。




16 循环复制-Looper

更强大的组合循环复制工具,插件弹窗可以设置重复数、缩放、移动、旋转、不透明度等选项,参数不同则效果迥异,尽情发挥吧!





17 在浏览器预览-Preview in browser

这个简直是预览网页设计效果的神器好吗!!在Sketch做好界面,直接点击该插件,马上就能在浏览器展示了,清晰直观!


18 栅格工具-Bootstrap Grid

快速创建自定义 Bootstrap 网格,悄悄告诉你:绝大部分程序员做开发时,响应式布局就是用的Bootstrap的栅格规范。

Image title


19 粘贴到Axure-Axure RP

一键将 Sketch 设计稿转换为 Axure 支持内容。只想复制部分内容时,先选中这些元素,再执行插件的Copy Selection功能;要全部复制画板内容时,选中画板,再执行Copy All Artboards,最后粘贴到Axure即可。

插件目前为测试版(不支持反向操作、同步以及跨应用库等),且只支持 Axure RP 8.1.0.3368 以上版本

Image title



20 自适应按钮-Compo

其实这个插件在第一弹的时候我就想推荐给你们,但是我太难得写介绍了就放弃了,今天重新整理插件,才发现其实没有那么复杂!只要输入一个文本,再Cmd+J即可生成自适应按钮,修改为自定义数值后,再Cmd+J一下就是你自定义的按钮了,特方便!更多功能见操作指南:http://sketch.im/plugins/92


21 MD组件库-Sketch Material

快速生成复杂 Material 组件,谷歌风材质设计,包括表单、文本样式、UI控件、弹窗、图标、按钮等,很规范的组件库,操作指南:http://sketch.im/plugins/90




以上。

整理文件既麻烦又有趣,

在这个过程中我找到了适合自己的插件,

如果你想提高UI设计的工作效率,

针对性地去了解插件,

会比一股脑全部安装了更有用。

如果你还有什么问题,

欢迎关注叶设计的自习室

后台回复“么么哒”发送暗号进交流群。



第一弹-超级叶的Sketch插件

✨链接:

https://pan.baidu.com/s/1dGT6qzB

✨密码:sfe2


第二弹-超级叶的Sketch插件【右下角可直接下载】

✨链接:

https://pan.baidu.com/s/1nwmC8lV

✨密码:wpu0



全部评论:20

  • 超级叶

    2020-09-10 09:51

    @Boven: 请确认你的sketch版本和插件版本是否兼容

  • Boven

    2020-08-18 14:25

    Preview in browser 为什么点击后弹出文件夹名为“T”的文件,但是safari浏览器什么都没有(网址都为空)

  • Trysail.li

    2020-03-13 15:12

    弱弱的问一下。。。63.1版本的没办法用Blender嘛。。。

  • 一吨小仙女

    2020-02-18 21:54

    感谢感谢

  • 超级叶

    2019-12-04 09:32

    @Hillside: 插件如果没有提示更新就说明没人维护了 你可以用kitchen

  • Hillside

    2019-12-02 18:24

    55sketch版本的自适应插件不能用,要哪个版本才可以呀

  • wj_plus

    2019-07-04 17:56

    提示链接的磁盘已满我就闷逼了,不懂技术的苦

  • 超级叶

    2019-06-09 05:22

    @圆圆yoyo: 你好,关于APP界面极简设计,我建议你通过多练习来找到规律,或者说“感觉”,你可以分析iOS的官方UI,可以临摹极简风的APP,其实UI设计也包含了许多版式设计的理论在里面,多练习再总结出自己的经验吧

  • 圆圆yoyo

    2019-05-24 15:41

    @超级叶: 叶神,我最近遇到一个很困扰的问题。关于字体大小和行高的选择。我总是控制不好它们。想让简单的几行字,排版看起来更有设计感。 感觉这个看起来简单,但是做起来总差强人意。以前那些关于字体选择和排版的认识,并不能让我把几行字,只通过大小的选择和行高的调整就亮眼。我也查了一些字体排版的文章,您有什么好的内容推荐吗。关于APP页面极简设计。

  • 超级叶

    2019-05-23 14:12

    @圆圆yoyo: 升级 或重新下

  • 圆圆yoyo

    2019-05-22 11:53

    不兼容 = =、

  • 青春无悔

    2019-05-06 18:11

    最新版本的sketch,循环复制无法使用啊

  • Lie_to_me_via

    2019-04-27 11:16

    @Lie_to_me_via: 鉴于部分比较懒的同学我就直接贴网盘链接了https://pan.baidu.com/s/1ehq5tsOqhkI-FMaaKcR7OQ 提取码: vd7u(转载自cnblog的Roc.King)

  • Lie_to_me_via

    2019-04-27 11:10

    关于Blender 插件在 Sketch52.5 版本上不能使用的问题请参考https://www.(过审间隔符)cnblogs.com/rocking4wang/p/Blender-cha-jian-zai-Sketch525-ban-ben-shang-bu-ne.html

  • 超级叶

    2019-03-04 15:09

    @林雨昔: 版本低了 去oursketch上面下载最新版吧

  • 林雨昔

    2019-03-01 17:14

    @青黎蜜语: 我也是闪一下就什么也没发生,请问是咋回事呀?

  • 超级叶

    2019-02-12 15:55

    @UU8: 录屏的 我另一篇文章里有讲过软件 你可以去看看

  • UU8

    2019-02-12 11:24

    请问你上面那个动效教程,的动效是用什么软件做的,怎么做的

  • 叁喵喵

    2018-12-11 09:01

    Auto Layout已经在最新的sketch52.5上不兼容了,有什么替代的插件嘛

  • 超级叶

    2018-12-10 22:35

    @花古娄i: 显示不出来什么

  • 花古娄i

    2018-12-10 15:45

    @陈大哈: 我的也显示不出来 52.5版本

  • 陈大哈

    2018-11-20 17:18

    Blender不能用在最新版sketch吗? 安装了Blender,效果显示不出来

  • 青黎蜜语

    2018-08-01 17:02

    @青黎蜜语: 我找着了……多谢多谢!

  • 青黎蜜语

    2018-08-01 16:57

    @超级叶: 你好呀,点击dmg文件后。闪了一下就什么也没发生……咋办呀

  • 超级叶

    2018-07-05 23:40

    @CL今天学习了吗: 那建议你用蓝湖试一下 你们的sketch版本太低了

  • CL今天学习了吗

    2018-07-05 16:45

    @超级叶: 我用的sketch3.9.1的,然后我的measure安装上了就什么反应都没有,导致无法导出规范,点击也不出现,卸载重新安装好多次都没用。(因为公司统一用这个版本,只有我出现了这个问题。)为了统一我也没办法。。。

  • 超级叶

    2018-07-04 01:22

    @CL今天学习了吗: 3.9.1是sketch的版本吗?也太老了哦

  • CL今天学习了吗

    2018-07-03 11:26

    自动标注插件不能用,点了导出规范之后没反应,公司统一用的是3.9.1找了好久标注插件都不能用,求解。

  • onez

    2018-05-31 10:23

    首先感谢支持,然后抱歉占位,因为无奈情况 sketch.im 域名切换至 sketch.cm

  • 超级叶

    2018-04-24 16:06

    @哆啦L萌: 打不开?你不是用的苹果电脑吧...

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票