Style Inventory

安装

1. 下载并解压 Style Inventory.zip
2. 双击 Style Inventory.sketchplugin 完成安装

使用

生成

选中某一个页面后，使用本功能可以自动生成一个包含了所有使用过颜色、字体样式、符号在内的画板

执行 Plugins > Style Inventory > Generate 或使用快捷键 command ⌘ + control ⌃ + alt ⌥ + I

导出元数据

当在配置窗口中勾上 Export Metadata 选项后，Sketch 可以将你项目中的元数据和图片导出，这样就方便交付给开发同事了。导出形式：颜色（JSON）、符号（PNG）、字体样式（JSON）

执行 Plugins > Style Inventory > Generate 或使用快捷键 command ⌘ + control ⌃ + alt ⌥ + I 在弹出的对话框中勾选 Export Metadata 选项

在画板（页面）中根据颜色选择图层

选中一个图层之后，可以通过此功能将本画板（页面）内所有与当前图层具有相同填充或字体颜色的图层一起选中

执行 Plugins > Style Inventory > by Color > Select Layers by Color on Artboard（Page) 或使用快捷键 command ⌘ + control ⌃ （+ shift ⇧） + C

在画板（页面）根据名称选择图层

选中一个图层之后，可以通过此功能将所有与当前图层名称相匹配的同层一起选中。此功能同样适用于复制图层时自动命名产生的数字结尾，如 Rectangle 1，Rectangle 2，…

执行 Plugins > Style Inventory > by Name > Select Layers by Name on Artboard（Page) 或使用快捷键 command ⌘ + control ⌃ （+ shift ⇧） + N

在画板（页面）批量替换字符命名

通过本功能可以将所有选中的文字图层进行统一命名替换

执行 Plugins > Style Inventory > by String > Replace Strings on Artboard（Page)

在画板（页面）根据文本样式选择图层

选中一个图层之后，可以通过此功能将所有与当前图层文本样式相匹配的同层一起选中

执行 Plugins > Style Inventory > by Text Style > Select Layers by Text Style on Artboard（Page) 或使用快捷键 command ⌘ + control ⌃ （+ shift ⇧） + T

重点

最常用的功能就是下面两个了，再稍微详细提一下：

样式清单

生成包含颜色、字体样式在内的可见样式清单，方便用户纵览所有设计要素，也可以将样式非常接近的内容进行合并，还可以将字体样式通过 CSS 文件导出

生成字体样式清单

生成一个画板，其中包含了本项目中所有用到的字体样式