热搜词
Sketch功能扩展的合集插件Automate


提取码:




让 Sketch 使用更高效


安装

  • 下载并解压 Automate Sketch.zip

  • 双击 Automate Sketch.sketchplugin 完成安装


使用


执行 Plugins > Automate Sketch > 功能分类 > 功能



功能


Layer 图层


Fix to Parent with Margin 适配父级,可设置边距


Fix to Parent Width (Height) with Margin 适配父级的宽度或高度,可设置边距


Adjust Sizes 基于突出右侧、底部或中心微调图层宽或高,微调值从 Preferences > Nudging 处设置


Bounds Layer for Every Selection 为选中图层创建边界图层


Divide Layer 均分图层


Ungroup Shape Layer 取消形状图层组,解决手动取消组出现的图层位置偏移


Unlock All Layers 解锁所有图层


Toggle Layer Constrain Proportions 锁定和解锁选中图层的比例约束


Toggle Select Group’s Content on Click 点击组时选择组内容的开关


Select All Layers In Selection By Type 选择所有组、文本、形状、位图、组件、切片、可导出图层、隐藏图层


Select All Layers In Selection By Name 根据图层名选择


Select All Child Layers 选择所有子图层


Select All Siblings Layers 选择所有兄弟图层


Select Parent Groups 选择所有父级图层


Select Layers Outside of Artboard Bounds 选择并显示在画板边界外的不可见图层


Select Reverse 反选


Paste and Replace 粘贴并替换,将选中图层替换为剪贴板上的 Sketch 图层。可用于替换不同文件的组件


Clear Layer Name 清理图层名,删除 copy


Remove Redundant Groups 删除多余的嵌套组


Remove Empty Groups 删除空组


Remove Hidden Layers 删除隐藏图层


Remove Transparency Layers 删除完全透明的图层


Create / Sync Link Layer 从组或画板创建引用的库组件,用于解决设计中重复拷贝的图标,可自动更新引用库组件的内容


Arrange 排列


Change Places Between Two Layers 根据中点或坐标原点,两个对象交换位置


Tile Objects 使用网格或任意方向排列对象,可设置按命名排列


Tile Objects by Position X (Y) 水平或垂直平铺对象


Tile Objects Horizontally (Vertically) by Index 根据图层列表位置水平或垂直平铺图层


Arrange Objects 智能排列图层或画板


Order Layers By ... 根据对象 X / Y 值、名称、类型,更改图层列表中的位置


Reverse Layer Order 反转图层列表中的位置



Text 文本


Increase / Decrease Line Height 增加或减小选中文本图层的行高,值为按住 Shift 和方向键移动物体的距离的一半,数值可在 Preferences - Canvas - Nudging 设置界面修改


Increase / Decrease Letter Spacing 增加或减小选中文本图层的字间距,与 Sketch 内置功能一致增加或减小 0.38


Increase / Decrease / Reset Horizontally Scale 增加、减小或重置选中文本图层的水平拉伸,功能类似 Photoshop 的字体拉伸


Split Text Layer 将选中文本图层按换行或空格、逗号等特殊分隔符,拆分为多个图层


Combine Text Layers 合并选中文本图层


Capitalize 首字大写


Change Baseline offset 调整选中文本的基线偏移(暂在 48+ 版本不可用)


Change Text Orientation 更改文本书写方向,竖排或横排


Change Typeface for Latin Character 更改文本图层中西文的字体


Add Space Between CJK and Latin Character 文本图层中西文间增加空格


Replace Fonts 替换字体


Replace Missing Fonts 替换缺失字体


Resize to Fit Text Height 自适应文本高度


Unfixed Layer Name 取消文本图层的固定图层名,让文本的图层名跟随内容



Slice 切片


Auto Slice 基于图层新建切片,并自动添加切片预设


Fast slice, Fast slice Setting 快速新建基于图层的切片,并自动添加切片预设,切片名称会修改为开发友好名称


Remove All Slices 清除所有切片


Clear All Exportables 清除全部 Exportables 设置


Save/Load Export Presets 导出和导入切片预设,用于不同用户或电脑之间预设共享



Artboard 画板


Artboard Form Selection 从选择对象新建画板


Artboard Form Group 从组新建画板


Artboard to Group 画板转为组


Select Parent Artboard 选择选中图层的父级画板


Artboard Navigator 画板导航,可以快速转到任何页面的画板,同时支持修改画板命名


Resize to Fix Height 调整画板以适配高度


Move Artboards to Bottom of Anther 移动画板或组件模版至另一画板下方


Export All Artboards 将所有画板导出为 PNG 或 SVG,可设置缩放比例


Export All Artboards to HTML 导出展示用 HTML,可搜索。当使用 SVG 格式时,可直接拖入 Sktech


Symbol 组件

Reset to Original Width / Height / Size 设为原始宽度 / 高度 / 尺寸


Replace Override Symbol 查找和替换选中或全文档的组件上 Override 中的组件


Reset Overrides 重置选中组件的覆盖


Select All Instance of Symbol 选择组件的实例


Select All Instances of Imported symbol 选择导入组件(库组件)的实例


Rename Instances 修改选择 / 所有 / 组件母版的实例名称


Move Symbol Masters To Another Page 将选中组件模版移动至其他页面


Create Symbols from Selected Layers 从选中图层批量创建组件


Selection to Symbol Master 将选中图层在原位置直接变为组件


Detach Unused Symbol Master 将未使用的组件模版转为组


Remove Unused Symbols 针对 Sketch 48 以上版本的删除未使用组件,可以预览组件,并选择是否保留某些组件


Export All Symbols As PNG 按照 "页面 / 组件" 规则,将所有组件导出为 PNG


Sync Symbol Master from Sketch File 根据 Symbol ID,从 Sketch 文件更新组件


Replace Pages from Sketch File 强制从 Sketch 文件替换同名页面,通过修改页面名称,可以导入包含组件的页面



Library 库


Fix Library ID Conflict 解决库 ID 冲突问题,库中存在同 ID 的文件,会导致同 ID 的库影响组件的更新


Imported Symbols Link Manage 管理库组件和库的链接关系,可用于解决库组件更新问题,或提示找不到库


Replace Library 将所有库组件从一个库替换链接到另一个库


Replace Symbol With Library Symbol 将选中组件替换为任意的库组件


Change symbols to Library Symbol Base Symbol ID 根据组件 ID,将选中或全部组件转为库组件


Change Local Text Style to Library Text Style 将本地文本样式转为指定库中的相同样式


Change Local Layer Style to Library Layer Style 将本地图层样式转为指定库中的相同样式


Import Document Assets from Library 从库导入色彩、渐变和图案填充等文档资源


Import Styles from Library 从库导入图层样式和文本样式


Add Library Preview 增加一个画板用于库的预览图


Check For Library Updates 检查库更新



Styles 样式


Select Layer by Layer / Text Style 按图层样式、文本样式从当前页面或选择组内选择图层


Rename Layer to Style Name 将选中图层重名为其共享样式的名称


Paste Fills / Borders / Shadows / Inner Shadows / Blur / Text Style / Text Color 在运行 "Edit" - "Copy" - "Copy Style ⌥⌘C" 或右键菜单 "Copy Style" 之后,可以分别粘贴填充、描边、投影,内阴影和模糊等到选中的图层


Add Solid Fill from CSS Color 从 CSS 色彩代码添加填充


Fill Color from Global (Document) Colors 从全局 (文档) 色版快速填充


Swap Fill and Border 互换填充和描边


Remove All Disabled Styles 删除当前页所有图层中禁用样式


Remove Unused Layer / Text Styles 删除文档中未使用的图层样式或文本样式


Create Color Guide 从文档颜色创建色彩指南


Create Typography Guide 从文本样式创建字体样式指南


Import Document Assets from Sketch File 从 Sketch 文件导入资源 (色彩、渐变及图案)


Import Text Styles from Sketch File 从 Sketch 文件导入文本样式


Import Layer Styles from Sketch File 从 Sketch 文件导入图层样式



Guides 辅助线


Clear Guides 清除所有辅助线


Grid Presets 常用网格预设,例如 8x8、10x10等等


Hide All Grid/Layout 隐藏所有网格或布局


Copy Grid/Layout/Guide 复制选中画板的网格、布局或辅助线信息


Paste Grid/Layout/Guide 为选中的画板添加网格、布局或辅助线,需要先运行 “Copy Grid / Layout/Guide”



Data 数据


Export Data From Text Layers 将选中的文本图层内容导出到 TXT 文件


Export Image From Layers 导出选中的位图或位图填充图层内的图片


Export Data From Symbol Instances 导出选中组件 Override 上的文本和图片


Data - (Randrom) Image From Folder 从图片文件夹获取图片数据,并随机或有序应用到形状图层或组件 Override 上


Data - (Randrom) Text From File 从文本文件获取文本数据,并随机或有序应用到文本图层或组件 Override 上


Prototyping 原型

Bring All Hotspot to Front 置顶所有热区图层


Development 开发

Pick Color and Copy the HEX Code 从屏幕取色并负责色彩的十六进制值


Copy Slice as Base64 切片图像复制为 Base64,根据切片第一项设置的格式和缩放,可以得到不同图像


Copy Selected Layer Name 复制选中的图层名到剪贴板


Copy ObjectID or SymbolID 当选择图层时复制图层的 ObjectID 或 SymbolID 到剪贴板


Show and Change Layer Info 显示和修改图层的 ObjectID 或 SymbolID 等等


Script Editor Setting 脚本编辑器的字体与字号设置


Edit Plugin Setting 设置外部插件编辑器,预设编辑器 Atom、Sublime Text、Visual Studio Code 和 WebStorm


Reload Plugins 重载所有插件



Utilities 实用工具


Export Clean Code SVG 导出或复制整洁代码的 SVG,可以根据类型或名称选择忽略某些图层,也可以通过 SVGO 进一步优化代码 (较慢)


SVG Export Setting SVG SVG 导出设置


Nine-Slice from Bitmap Layer 将位图层按用户设定位置切成 9 份,并设置可拉伸选项


Convert Sketch File to Other Version 转为 Sketch 文件为 43 以后的任意版本,可以打开高版本文件,或转为低版本


Show File in Finder 在 Finder 中打开当前文档


Open Termianl at File Folder 打开终端,并切换到当前文档的目录



Help 帮助


Web Site 网站


Report Issue 问题反馈


Change Language 更改菜单语言(支持英 / 简 / 繁,切换后重启 Sketch 生效)


Donate 打赏


部分功能,当有选中元素时,将只操作元素内的图层




关注微信公众号图翼(tuyiyi_com),定时推送,福利互动精彩多多