插件下载完成后,双击运行Style Master.sketchplugin
如图:
提示Style Master1.0.3
安装完成。
打开软件Sketch
,在菜单栏插件
中,看到安装好的Style Master
插件
执行 Plugins > Style Master > Rename Text Styles 或 Rename Layer Styles 弹出对话框
对话框的左侧控制重命名过程,右侧显示重命名样式前后的实时预览。预览列大小适配最长样式名称的宽度(加上一些额外的空间)并且窗口的大小随之变化。你可以调整窗口大小,但预览列的宽度不会改变
查找字段 / 选项
通过勾选查找字段下 "正则表达式",可在查找字段中指定任何有效的 Javascript 正则表达式,并在替换字段中使用特殊的替换语法。这使你可以对样式名称进行非常复杂的操作,否则将非常繁琐。有关使用正则表达式的示例,请参阅 下文 Cookbook 部分
注:如果正则表达式无效(例如不匹配的圆括号)则显示为红色
替换字段
在替换字段中输入的文本将替换(如果为空即为删除)由查找字段匹配的样式名称部分。一个给定名称中匹配文本的所有匹配项将被替换。例如:简单搜索 Sm 替换为 Lg 会将 Smile / Center / Sm 重命名为 Agile / Center / Sm 这种情况下,使用正则表达式可确保只匹配样式名称的某部分
注意:如果替换字段为空,并且当前的查找与整个样式名称匹配,那么在执行重命名时,这些样式将不会被包括在内,而且它们不包含在重命名计数中。这些不可重命名的样式 在预览的 After 列中显示
预览信息 / 选项
只显示匹配的样式
自动滚动到第一个匹配样式
预览
首次打开对话框时,对话框右侧的预览显示所有样式,按字母顺序排序(区分大小写)
在 查找 字段中输入内容时,匹配样式将在 Before 列中以粗体突出显示,并在 After 列中重命 名样式。在 替换 字段中输入内容时,重命名的样式名称将实时更新
按钮
Cancel 关闭对话框而不作任何更改
Apply 重命名匹配样式而不关闭对话框
Rename 重命名匹配的样式并关闭对话框
快捷键
切换 "忽略大小写" command ⌘ + I
切换 "正则表达式" command ⌘ + R
切换 "仅显示匹配样式" command ⌘ + M
切换 "自动滚动到第一个匹配样式" command ⌘ + S
执行重命名 command ⌘ + shift ⇧ + A
执行重命名并关闭对话框 enter
取消并关闭对话框 esc 或 command ⌘ + . 或 command ⌘ + W
Cookbook
改变 "/" 风格
查找 ([^ ])/([^ ]) 替换 $1 / $2
重新排列命名层次结构
假设正在使用一个模板来对以下层次结构中的文本样式进行排序
Size (Body, H1, etc.)
Weight (Regular, Semibold, etc.)
Alignment (Left, Center, Right)
Color
但是你想对调 Alignment 和 Weight 的顺序
Alignment (Left, Center, Right)
Weight (Regular, Semibold, etc.)