常用插件整理

Sketch 是一款轻量，易用的适量设计工具，让UI设计更简单，更高效。

以下是Sketch 常用的插件，在实际工作中应用可以起到事半功倍的效果。

蓝湖

蓝湖是一款免费试用的设计协作平台，提供自动标注、共享切图、同步更新。

Anima

·Anima提供了强大的弹性布局功能，stack设置元素的水平和垂直方向以指定的间距排列，padding设置元素与背景图层的间距，pins设置元素与父级元素的间距。

·tips：插件时不时会出现问题，使用之后上传蓝湖有可能引起元素错位，请避坑····

Kitchen

· Kitchen是支付宝官方提供的插件，提供了数据填充/自动排版/图表库/调色板等

· tips：在组建中使用--自动排版--功能会引起图层尺寸凌乱，请避坑····

Automate

Automate是一个很实用的功能集合，提供了排版 / 图层 / 组建 / 库 / 画板 / 样式 /文本等的快捷操作方式，官网有提供中文文档

图层重命名：Rename It

选中图层重命名，快捷键control+command+r

选中画板重命名，快捷键control+art+shift+r

选中图层查找和替换名称，快捷键control+art+command+r

插入剪切版图片：Clipboard Fill 

· 先把图片保存到剪切版：control+shift+command+4截屏保存到剪切版，浏览器或者eagle中右键复制图片，finder中右键拷贝无效，需要打开照片预览编辑中复制。

· 选中形状图层执行填充，快捷键control+art+v

浏览器中预览画板：preview in brower

选中画板或者画板内任意图层执行预览，快捷键shift+command+.

批量创建样式：Sketch styles genertor

· 选中文本或形状图层创建样式：styles genertor/genertor shared styles

· tips：建议创建样式前使用斜杠《/》规范命名图层，图层名称即为生成的样式名称

批量修改样式名称：Styles master

· 修改文本样式名称：styles master/rename text styles

· 修改文本样式名称：styles master/rename layer styles

修改字体行高：auto fix ios text line height

· 执行插件命令create segmented circle 插图可等分饼图/环形图

· 执行插件命令create variable segmented circle 插图可变饼图/环形图

插入地图：map creator

· 选择形状执行插件命令，支持百度地图，谷歌地图

2.5D风格：sketch isometric

· 选择形状图层执行插件命令，调整参数即可看到效果

导出素材到ae：aeux

· 安装好 sketch、After effects 对应插件，官网有说明

· sketch 选择素材执行插件命令导出到AE

· 打开AE 扩展AEUX面板，选择素材导入

蓝湖 插件下载地址：https://lanhuapp.com/mac
Anima 插件下载地址：https://www.animaapp.com/changelog
Kitchen 插件下载地址：https://kitchen.alipay.com
Automate 插件下载地址：https://github.com/Ashung/Automate-Sketch
Rename It 插件下载地址：https://github.com/rodi01/RenameIt
Clipboard Fill 插件下载地址：https://github.com/ScottSavarie/Clipboard-Fill
Preview in browser 插件下载地址：https://github.com/gaddafirusli/Preview-in-browser
Styles Generator 插件下载地址：https://github.com/lucaorio/sketch-styles-generator
Style Master 插件下载地址：https://github.com/aparajita/sketch-style-master
Auto Fix iOS Text Line Height 插件下载地址：https://github.com/youngxkk/AutoFixiOSTextLineHeight
Segmented Circles 插件下载地址：https://github.com/design4use/gb-sketch-segmentcircle
Map Creator 插件下载地址：https://github.com/terence55/sketch-map-creator
Sketch Isometric 插件下载地址：https://github.com/sureskumar/sketch-isometric
AEUX 插件下载地址：https://aeux.io