静电
管理员
管理员
  • UID1
  • 发帖数872
  • 威望22104点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 喜欢达人
  • 优秀斑竹
  • 原创写手
阅读:3694回复:21

[插件]Automate Sketch-多种有用小工具插件合集

楼主#
更多 发布于:2016-10-01 13:58

图片:automate.jpg



由插件作者ashung开发的Automate插件集合多种有用的小功能于一身。主要功能列表如下:
1.翻转图层顺序
2.移除无用的元件(Symbols)
3.移除没有使用过的样式
4.移除空的组
5.移除Exportable属性
6.横屏和纵向屏幕设计稿转换
7.选择所有的组
8.移除所有隐藏图层
9.转换居中位置
10.横向平铺或者纵向平铺图层
11.在西文字体和中日韩文字之间加入空格
12.移除所有参考下
13.将组或者图层转换成artboard
14.移除/选中所有切片
15.依据图层创建切片
16.精简图层名称
17.调换图层位置

感谢ashung的推荐,让静电发现了如此多的有用功能。如需下载,你可以访问作者的github主页。
https://ashung.github.io/Automate-Sketch/
ashung
Sketch高手
Sketch高手
  • UID2018
  • 发帖数25
  • 威望587点
沙发#
发布于:2016-10-02 17:05
Layer
  • Change Places Between Two Layers 两个图层交换位置
  • Change Places Between Two Layers (center) 基于两个图层的中心交换位置
  • Tile Layers Horizontally 垂直平铺图层,注:选择图层或组,按垂直方向排列,可以输入间隔,然后自行左中右对齐。
  • Tile Layers Vertically 水平平铺图层 注:同上。
  • Order Layers by X 根据图层 X 值,更改图层列表中的位置 注:让画布中图层顺序与图层面板的顺序一致,强迫症需求。
  • Order Layers by Y 根据图层 Y 值,更改图层列表中的位置 注:同上。
  • Reverse Layer Order 反转图层列表中的位置
  • Bounds Layer from Selection 为从选中图层创建边界图层
  • Unlock All Layers 解锁所有图层
  • Click Through Off 点击穿透 关
  • Click Through On 点击穿透 开
  • Select All Groups 选择所有组
  • Select All Groups in Artboard 选择画板内所有组
Type
  • Capitalize 首字大写
  • Change Typeface for Latin Character 更改文本图层中西文的字体 注:不适合带有字体样式。
  • Add Space Between CJK and Latin Character 中西文间增加空格 注:会使包含多种字体的图层被重置,暂不好解决。
  • Select All TextLayer in Selected Artboard or Current Page 选择画板或当前页的所有文本图层
  • Unfixed Layer Name 取消文本图层的固定图层名
Slice
  • New Layer Base Slice 基于图层新建切片 注:1x PNG。
  • New Layer Base Slice for iOS (1x to all) 基于图层新建切片 iOS 1x 注:从 1x 到 1x 2x 3x 的 PNG,下同。
  • New Layer Base Slice for iOS (2x to all) 基于图层新建切片 iOS 2x
  • New Layer Base Slice for iOS (pdf) 基于图层新建切片 iOS pdf
  • New Layer Base Slice for Android (1x to all) 基于图层新建切片 Android 1x,注:从 MDPI 导出 5 种 DPI 的 PNG,使用 “_(m|h|xh|xxh|xxxh)dpi” 后缀,需要运行菜单中的 “Android Fairy” ,将资源放到合适的文件夹内,下同。
  • New Layer Base Slice for Android (2x to all) 基于图层新建切片 Android 2x
  • New Layer Base Slice for Android (3x to all) 基于图层新建切片 Android 3x
  • New Layer Base Slice for Web (1x to noraml and retina) 基于图层新建切片 网页
  • New Layer Base Slice for Web (svg) 基于图层新建切片 网页 svg
  • Select All Slices 选择所有切片
  • Select Slices In Selected Group/Artboard 选择组/画板内所有切片
  • Select Slices In Group 选择组内切片
Artboard
  • Artboard Form Group 从组新建画板
  • Artboard Form Layers 从图层新建画板
  • Artboard to Group 画板转为组
  • Switch Between Portrait and Landscape 翻转画板,注:如果画板下有名为 “flex” 组,会被调整成适应新的尺寸。
Symbol
  • Ungroup Unused Symbol Master 未使用的 Symbol Master 转为组
  • Select All Missing Symbol Instances in Current Page 选择当前页中失效的 Symbol 实例 注:红色斜线的 Symbol,选中之后自行替换成其他 symbol
  • Select All Instance of Symbol Master 选择 Symbol Master 的实例
Clear
  • Clean Layer Name 清理图层名,删除 copy
  • Clear Slices 清除切片
  • Clear Exportables 清除 Exportables 设置,注:暂有 bug,有时无法完成删除。
  • Clear Guides 清除辅助线
  • Delete All Hidden Layers 删除所有隐藏图层
  • Delete All Hidden Layers in Artboard 删除画板内隐藏图层
  • Delete All Empty Groups 删除空组
  • Delete All Empty Groups in Artboard 删除画板内空组
  • Remove All Unused Styles 删除当前页所有图层中未使用样式
  • Remove Unused Symbols 删除未使用 Symbol
Utilities
  • Android Fairy 将使用 Android 切片预设导出的文件移动到 drawable 文件夹
  • Show File in Finder 在 Finder 中打开当前文档
  • Open Termianl at File Folder 打开终端并切换到当前文档的目录
目前的功能。为避免跟其他插件快捷键冲突,所有功能大部分无设置快捷键,如果常用某个功能可以自行增加快捷键
527563490
论坛版主
论坛版主
  • UID3888
  • 发帖数50
  • 威望1432点
  • 社区居民
  • VIP会员
板凳#
发布于:2016-10-08 15:10
ashung:LayerChange Places Between Two Layers 两个图层交换位置Change Places Between Two Layers (center) 基于两个图层的中心交换位置Tile Layers Horizon...回到原帖
谢谢分享
ashung
Sketch高手
Sketch高手
  • UID2018
  • 发帖数25
  • 威望587点
地板#
发布于:2016-10-09 16:48
增加
Layer - Add Solid Fill from CSS Color
从 CSS 色彩代码添加填充,用于将从 CSS 或者浏览器的开发者工具中复制过来的色彩代码,填充到图层上。支持几乎所有 CSS 色彩代码,包括 #ffffff,#fff,rbg(255,255,255), rgba(255,255,255,1), hsl(360,100%,100%), hsla(360,100%,100%,1) 和 色彩关键字。

Layer - Tile Layers Horizontally/Vertically by Index
根据图层列表位置水平或垂直平铺图层

Layer - Select All Child Layers
选择所有子图层

Symbol - Rename All Instances
重命名所有实例,用于处理整理 Symbol 之后,实例仍然保持旧命名的问题。

经常更新,最终以下面链接的说明为准。
https://github.com/Ashung/Automate-Sketch/blob/master/readme_zh.md
tjm360005191
VIP读者
VIP读者
  • UID188
  • 发帖数6
  • 威望222点
4楼#
发布于:2016-10-09 23:29
老大 插件汉化下啊!
wyfang
VIP读者
VIP读者
  • UID2610
  • 发帖数11
  • 威望213点
  • VIP会员
  • 社区居民
5楼#
发布于:2016-10-11 15:54
12.移除所有参考下
ashung
Sketch高手
Sketch高手
  • UID2018
  • 发帖数25
  • 威望587点
6楼#
发布于:2016-10-12 12:55
tjm360005191:老大 插件汉化下啊!回到原帖
汉化了菜单部分,从 Plugins - Automate - Help - Change Language 改成中文。

因为这些插件都是故意做成各自独立的,目的在于可以作为各自示例,或者用户可以自己修改个别功能,成为自己的插件。

所以要在弹出层或提示加入多语言,会导致代码互相关联,而且非常不适合初学者看懂。
yolanda
VIP读者
VIP读者
  • UID4
  • 发帖数59
  • 威望1083点
  • 社区居民
  • VIP会员
7楼#
发布于:2016-10-13 15:36
ashung:LayerChange Places Between Two Layers 两个图层交换位置Change Places Between Two Layers (center) 基于两个图层的中心交换位置Tile Layers Horizon...回到原帖
在“标尺”下时,有“隐藏所有参考线“的功能吗?
yolanda
VIP读者
VIP读者
  • UID4
  • 发帖数59
  • 威望1083点
  • 社区居民
  • VIP会员
8楼#
发布于:2016-10-20 10:04
ashung:LayerChange Places Between Two Layers 两个图层交换位置Change Places Between Two Layers (center) 基于两个图层的中心交换位置Tile Layers Horizon...回到原帖

图片:2016-10-20_09-26-23.png


请问这个功能可否设置快捷键,也是经常用的功能,每次手动超累的。
[yolanda于2016-10-20 10:10编辑了帖子]
Allen9
Sketch大侠客
Sketch大侠客
  • UID1400
  • 发帖数5
  • 威望159点
9楼#
发布于:2016-10-20 17:46
好用到哭
Allen9
Sketch大侠客
Sketch大侠客
  • UID1400
  • 发帖数5
  • 威望159点
10楼#
发布于:2016-10-20 18:02
支持了 ashung 了一下, 希望能有一个功能是

基于当前选中的图层或组 在底层创建一个隐形的 bound


举个栗子,在当前已有的Bounds Layer from Selection 为从选中图层创建边界图层
在这个基础上 把 bound 变成透明的 , 并且可以基于选中的图层为中心,设置bound 的大小

意思就是我画了一个16大小的圆, 这个圆图层最下面有一个24大小透明的占位符。有这个功能就好控制所有图标的大小进行排列组合。之前也有其他 plugins 支持这个,但是貌似失效了。希望 automate 也能加入这个,谢谢了。

图片:IMG_0352.png

ashung
Sketch高手
Sketch高手
  • UID2018
  • 发帖数25
  • 威望587点
11楼#
发布于:2016-10-21 13:41
yolanda:请问这个功能可否设置快捷键,也是经常用的功能,每次手动超累的。回到原帖
可以在 偏好设置 - 键盘 - 快捷键 - 应用快捷键 里面加快捷键
yolanda
VIP读者
VIP读者
  • UID4
  • 发帖数59
  • 威望1083点
  • 社区居民
  • VIP会员
12楼#
发布于:2016-10-21 16:21
ashung:可以在 偏好设置 - 键盘 - 快捷键 - 应用快捷键 里面加快捷键回到原帖
可是菜单上没找到这一项。还是我没发现它?谁帮我指示下,谢谢!
yolanda
VIP读者
VIP读者
  • UID4
  • 发帖数59
  • 威望1083点
  • 社区居民
  • VIP会员
13楼#
发布于:2016-10-21 16:22
ashung:可以在 偏好设置 - 键盘 - 快捷键 - 应用快捷键 里面加快捷键回到原帖
这是图层上右键出来的选项,菜单上没找到;设置快捷键是不是只能根据菜单的路径去设置哈?
ashung
Sketch高手
Sketch高手
  • UID2018
  • 发帖数25
  • 威望587点
14楼#
发布于:2016-10-24 18:06
yolanda:这是图层上右键出来的选项,菜单上没找到;设置快捷键是不是只能根据菜单的路径去设置哈?回到原帖

图片:Group.png

上一页
游客

返回顶部