设计需要自由,但同样也需要条理性和组织结构。Sketch
在自由和条理两方面都做的不错,设计师们经常需要整理画板与文档,把所做的工作归纳出来(交付给其他同事),但要在一个硕大的工程中整理出字体样式、颜色信息等结构并非易事。Style
Inventory 就是帮助你解决问题:能够纵览所有设计过程中使用的样式信息,并将相同样式的图层进行合并
安装
- 下载并解压
Style Inventory.zip
- 双击
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 文件导出
生成字体样式清单
生成一个画板,其中包含了本项目中所有用到的字体样式
基本信息
- 收录版本
1.5.1
- 更新时间
3年前