Sketch-Style-Inventory, 在草图审阅导入&导出样式中

分享于 

6分钟阅读

GitHub

  繁體 雙語
Generate a visual style sheet with all colors and text styles that you are using in Sketch.
  • 源代码名称:Sketch-Style-Inventory
  • 源代码网址:http://www.github.com/getflourish/Sketch-Style-Inventory
  • Sketch-Style-Inventory源代码文档
  • Sketch-Style-Inventory源代码下载
  • Git URL:
    git://www.github.com/getflourish/Sketch-Style-Inventory.git
    Git Clone代码到本地:
    git clone http://www.github.com/getflourish/Sketch-Style-Inventory
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/getflourish/Sketch-Style-Inventory
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    注意:插件已经更新,可以用于草图+

    用于草图的样式清单

    设计需要自由,有时是混乱的探索。 但设计也意味着组织和结构。 草图可以在两个方面都很好,但从探索文本风格和统一颜色的结构化布局来看。 你要么从头开始清理文件,要么使用你拥有的东西,然后尝试整理干净。 风格清单是为了帮助你。 它提供了所有使用的样式的概述,并帮助你将类似图层的样式合并到一个。

    Generate dialog

    更改日志

    • 重新构造为新的插件绑定格式
    • 添加符号清单
    • 简化导出
    • 添加的配置器

    14月,2015 更新了草图 3.3 +的插件

    • 将所有的unreleated插件移动到一个新的存储库调用草图伙伴。 需要几天的时间来更新新插件的文档。

    插件插件目录

    库存
    • 生成 ctrl + + + I
    子对象选择
    • 按颜色/选择图层按颜色 shift + ctrl + + C
    • 按颜色/选择图形图层 ctrl + + C 上的颜色
    • 按名称/选择图层按名称 shift + ctrl + + N
    • 按名称图形 ctrl + + N 按名称名称/选择图层
    • 按字符串/替换字符串 shift + + K
    • 按文本样式/选择类似的文本图层 shift + ctrl + + T
    • 按文本样式/选择图形图层 + control + T 上的相似文本图层

    安装

    要安装所有插件,首先下载插件,然后将它的解压缩,然后将文件夹内容放在你的草图插件文件夹中,然后导航到 Sketch Sketch> Plugins> Reveal Plugins Folder...

    要只安装插件,你首先需要将库文件 inventory.js 放在草图插件目录的root 中。 这是非常重要的,因为所有插件都依赖它的功能。

    然后你可以通过双击文件来安装所选插件,或者将文件拖放到草图应用程序 icon 上。 这将自动复制插件到你的草图插件文件夹。

    键盘快捷键

    大多数插件都有预先定义的键盘快捷键。 你可以通过编辑插件第一行的第一行中编写的快捷方式来更改它。

    例如 Duplicate Artboard.sketchplugin的第一行:

    //复制它旁边的当前图形板。 ( shift命令)

    你可以使用 optioncommandcontrolshift 等修饰键

    生成

    这里命令可以生成收集文档所有颜色,文本样式和符号的artboards。 选择要在配置器中生成的内容。 将在一个名为"样式清单"的新页面上生成 artboards。

    快捷方式:ctrl + + + I

    Generate dialog

    导出元数据

    在生成器中选择这里选项时,草图将导出你可以在开发中使用的项目的元数据和图像。 颜色为 JSON,符号为 PNG,文本样式为 JSON。

    快捷方式:ctrl + + + I

    Generate dialog

    在图形板上按颜色选择图层

    根据选定图层,将选择与填充或者文本颜色匹配的当前图形板上的所有图层。

    快捷方式:ctrl + + C

    Selection Animation

    按颜色选择图层

    基于选定图层的experimental,将选择与填充或者文本颜色匹配的所有文档层。

    按名称选择图层

    基于选定图层,将选择与参照图层名称匹配的所有图层。 这也将包括从复制中附加数字的层( 比如。 rectangle 1,rectangle 2,。)

    快捷方式:ctrl + + N

    替换字符串

    替换所选文本图层中所有出现的文本字符串

    快捷方式:shift + + K

    Selection Animation

    按颜色选择下一层

    基于选择的experimental,将选择具有相同填充颜色的下一个图层。

    按文字样式选择下一层

    基于选择的experimental,将选择具有相同文本样式的下一个图层。

    Screenshot

    样式清单

    生成具有所使用的所有颜色和文本样式的视觉样式表。 这将帮助你得到你所使用样式的概述,这样你就可以合并非常接近的样式。 这也将导出一个带有文本样式的CSS文件。

    生成/文本样式清单

    生成带有文档中使用的所有文字样式的图形板。 Selection Animation

    生成/颜色库存

    生成具有当前页面上使用的所有颜色的图形板。

    Screenshot

    重命名/重命名选定图层

    experimental 一个简单的向导,它将引导你完成缺少变量名称的样式。 这将用于为SASS和JSON导出提供更多信息。


    IMP  EXP  style  导出  导入  样式  
    相关文章