Style Inventory for Sketch:设计稿样式整理插件

设计通常代表着自由无际的探索,但同时也需要条理和结构。无论你是从干净整洁的文件开始,还是手头上已经有一堆繁杂的文件需要去收拾,本插件(样式库)都可以帮到你。它可以给你一个已用样式的清晰的概览,也可以帮你合并类似重复的图层。

安装

如果需要安装所有的插件,请先全部下载下来,解压,放在你的Sketch插件文件夹(Sketch > 插件 > 查看插件文件夹…)下。

如果只想下载部分插件,你得先把库文件inventory.js放在Sketch插件根目录下,只有这样才能让所有插件发挥作用。

你可以双击安装你所需要的插件文件,或者把文件拖拽到Sketch应用图标上安装。两种方法都可以自动复制到Sketch插件文件夹里。

键盘快捷键

大多数插件都会自带预设的键盘快捷键,你可以插件首行末尾用圆括号修改快捷键设置。

例如,Duplicate Artboard.sketchplugin首行为:

// 在旁边复制该画板(shift command d)

你可以像这样使用这些按键作为快捷键,如optioncommandcontrolshift

 

生成

这个命令可以生成收集该文档所使用的所有颜色、文本样式及符号等,在配置中选择你想生成的东西即可。生成的画板会另起新页面,名称为“样式库”。

快捷键: ctrl +  +  + I

导出元数据

当你在生成器中选择了该选项,Sketch将会导出你项目中的元数据和图片,以便你用于开发使用。颜色、符号、文本样式分别被导出为JSON、PNG、JSON文件。

快捷键: ctrl +  +  + I

在画板上按色彩选择图层

基于该已选图层,当前画板所有图层中填充属性为这种颜色的都会被选中。

快捷键: ctrl +  + C

按颜色选择图层

experimental 基于该已选图层,该文档所有图层中填充属性为这种颜色的都会被选中。

按名字选择图层

基于该已选图层,所有名字相同的图层中都会被选中。复制后自动添加的数字(如:矩形 1、矩形 2……)也会被包含在内。

快捷键: ctrl +  + N

替换字符串

在已选文本图层中替换所有该字符串

快捷键:shift +  + K

按颜色选择下一层

experimental选定一种颜色,则下一个被该种颜色填充图层会被选中

按文本样式选择下一层

experimental选定一种文本样式,则下一个用同种文本样式的图层会被选中

样式库

生成一个所有视觉样式表,里面包含你所使用的所有颜色和文本样式。有了这个表,能让你对所使用的风格样式有个概览,这样可以方便你把差不多的样式整合起来。该功能也将导出一个带有文本样式的CSS文件。

生成文本样式库

生成一个带有该文档所有文本样式的画板

生成色彩库

生成一个带有该页所有色彩的画板

重命名已选图层

experimental 如果使用该功能,会出现一个简单的向导告诉你哪些样式还没有变量名,你也可以通过到处SASS或JSON文件获得更多信息。

官方网站:https://github.com/getflourish/Sketch-Style-Inventory

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

2 收藏

资源整理者简介:凝枫

非典型性程序员,爱做一些和写程序毫不相干的事 个人主页 · 贡献了46个资源 · 1


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer