2019合集 | Sketch逆天插件
以下都是本人在工作中常用到功能并非插件全部功能。个人认为也不是每个功能都要去用,很多用处不大的,没必要费脑子记住。
你是否也有过安装18N汉化插件后的惨痛教训?多次崩溃闪退,文件都不自动保存...相信不少人有过这个经历。我今天就为大家推荐几个真真实实实用的Sketch插件。
No.1 蓝湖
推荐指数 ️️️️️
![](https://img.haomeiwen.com/i3677373/e5d35fc3c4bff151.jpg)
自动标注,一键下载多倍切图 (我一般在symbol中标记切图
同步 Sketch Prototyping 并支持共享,交互跳转演示
Axure RP 8.0生成的Html文件压缩包上传至「项目文档」,在线查看产品原型界面
在线添加标签,交互说明/设计说明同步实时更新
按页面进行连线,清晰展现产品逻辑
直接复制使用蓝湖生成 CSS、iOS 和 Android 代码(部分可直接使用)
应该有不少人和我一样觉得它跟 Mockplus/摹客挺像的,但是摹客体验上真心不如蓝湖。我用过两次,主要体现在以下3点:
1、视觉上体验较差,摹客背景色/投影比较脏,不如蓝湖简洁清爽;
2、摹客有问题需要提交书面申请,等待解决,而蓝湖有在线客服(现在版本升级企业版才有在线客服,但是加QQ群反馈也很及时);
3、摹客没法识别symbol中的切图,只能识别面板中直接标记的,切图的范围不准,总偏大。
PS:不是蓝湖的托,是真心觉得这个团队规模很小,但力量很大。而且是在认真做产品,佩服。
No.2 Kitchen
推荐指数 ️️️️️
![](https://img.haomeiwen.com/i3677373/7f0618d4bbad651f.png)
一键填充真实图片和文字(名字、邮箱、电话、日期、时间、地址)
自智能排版「边距」和「间距」,解放Sketch排版生产力(特别好用)
一键拖拽使用海量 Iconfont 图标和自己上传至 Iconfont 网站的所有图标
提供精选色板库,可直接使用
Kitchen教程_腾讯视频
No.3 Paddy
推荐指数 ️️️️
![](https://img.haomeiwen.com/i3677373/588963e8170a2b82.jpg)
让图层自动填充间距
对齐和分布( h:表示水平 v: 表示垂直),与 Distributer 功能类似,但Paddy不稳定,对齐分布这块更推荐 Distributer
第一点和Kitchen里面的智能排版类似,在Symbol两者都可全局控制。唯一不同的是,Paddy不会影响组名,它是依据背景的命名进行全局控制的。
![](https://img.haomeiwen.com/i3677373/c04acedec2519d4d.gif)
No.4 Image Replaste
推荐指数 ️️️️
![](https://img.haomeiwen.com/i3677373/080ba33edb76b9a6.jpg)
使用剪贴板图片一键快速填充图形(图层样式,非剪切蒙版)
与 Clipoard Fill 功能类似,但是Clipoard Fill太久没更新了(好像有一年没更新了,怕不稳定),所以推荐 Image Replaste 。
步骤:
1、command + shift + 4截图(Mac截图快捷键)
2、使用快捷键 command + shift + Y 粘贴至图形
![](https://img.haomeiwen.com/i3677373/5a7309331aea9bc1.gif)
No.5 Magic Mirror
推荐指数 ️️️️
![](https://img.haomeiwen.com/i3677373/cf9308c9d54a1d71.jpg)
在 Sketch 中使用智能对象(需购买注册码)
步骤:
1、 Plugins > Magic Mirror > Enable / Disable MagicMirror 启用 / 禁用 Magic Mirror
2、打开并选中需要展示的画板,在 Sketch 界面右侧属性检查器可找到 Magic Mirror 面板,勾选 Include In Artboards 包含该画板(勾选 Auto Artboard Refresh 可在画板修改时自动刷新)
3、往 Sketch 拖入展示模版 / 样机,使用钢笔工具 V 绘制出智能对象的目标区域
4、选中目标区域,在右侧 Magic Mirror 面板中可选择智能对象的对应画板和缩放倍数 Auto @1-4x
5、执行 Plugins > Magic Mirror > Refresh All Artboards 可刷新所有画板
Magic Mirror_腾讯视频
No.6 Sketch Isometric
推荐指数 ️️️️
![](https://img.haomeiwen.com/i3677373/4ec3e1d96ab961f8.png)
快速使用画板及图形生成轴测视图(有点像2.5D的感觉),不过它最好的使用方式是搭配 Magic Mirror 智能对象使用,用来包装作品很方便
![](https://img.haomeiwen.com/i3677373/289ae3434d8b1259.gif)
![](https://img.haomeiwen.com/i3677373/306f1861d0d62fb0.gif)
![](https://img.haomeiwen.com/i3677373/35f1cec36397f48f.png)
No.7 Easing Gradient
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/292f42e3898301d3.jpg)
让你的渐变效果更好调节、更自然(command + alt + G)
![](https://img.haomeiwen.com/i3677373/2428d6d9744cb28f.png)
No.8 Chromatic Sketch
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/7bfc8488826ec5f3.png)
创建更好看统一的渐变和色阶
与 Easing Gradient 的区别是:
1、Chromatic Sketch可创建色阶;
2、Chromatic Sketch 渐变不可手动调整,而 Easing Gradient 可以;
3、Chromatic Sketch 调整后的渐变可能会改变色相,而Easing Gradient只通过首尾两个颜色的深浅影响。
下图是我对两者做的比较:
很显然第1组 Chromatic Sketch 调整的渐变除红、绿外,还添加了橙色,第2组除了蓝、绿外,还添加了紫色!
![](https://img.haomeiwen.com/i3677373/bbad44bb1a7ba7e9.jpg)
No.9 RP
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/2393d872f9e19d84.jpg)
一键将 Sketch 设计稿转换为 Axure 支持内容(方便做原型)
步骤:
1、control + shift + R 复制选中元素 / control + shift + P 复制所有画板中元素
2、打开 Axure 并新建文档,粘贴 到为 Axure
No.10 Rename It
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/a431745302e57ed1.png)
同时重命名多个图层(command + control + R)
以升序或降序顺序重命名图层(键入 %n 按照图层名中含有的编号升序排列,同样也可使用 %N 来降序排列)
命名中显示宽度和高度(键入 %w 或 %h 添加图层的宽度或高度)
批量查找,并替换( command + control + alt + R)
No.11 Alembic
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/00fa43fa89ecf76a.png)
一键提取图片颜色(类似拾色器)
步骤:
1、执行 Plugins > Alembic 出现弹层
2、选中需要提取色值的图片
3、单击一个颜色将其色值复制到剪贴板
Alembic教程_腾讯视频
No.12 Symbol Organizer
推荐指数 ️️️
![](https://img.haomeiwen.com/i3677373/28a5a222059f9b02.png)
根据名称快速组织 Symbols 页
步骤:
1、进入 Symbols 页面
2、Plugins > Symbol Organizer > Configure Symbol Organizer ( command + option + shift +O)
3、Plugins > Symbol Organizer > Run Symbol Organizer( command + option + control + O )
![](https://img.haomeiwen.com/i3677373/9a99e4d754147bdb.gif)
No.13 Distributor
推荐指数 ️️
![](https://img.haomeiwen.com/i3677373/59740f40d2fbd3f3.png)
快速使所选对象以指定间距按照垂直(V)/水平(H)分布
![](https://img.haomeiwen.com/i3677373/4ae194b2326c8811.gif)
No.14 Flavor
推荐指数 ️
![](https://img.haomeiwen.com/i3677373/ba1f8c57a143f3d5.png)
快速复制 (其实Make Gid 就可以做到,只是Flaver看起来比较直观)
一键填充文字名字、邮箱、电话、日期、时间、地址(Kitchen也有)
![](https://img.haomeiwen.com/i3677373/14a9fb5ba9a8f87c.gif)
以上就是我推荐的14款Sketch插件,
希望对大家有所帮助。
喜欢就动动手指评论/转发,
你的喜欢是我继续码字的动力!
![](https://img.haomeiwen.com/i3677373/6c8d237c80b7e3ac.png)