sketch toolbox（常用插件合集 – Sketch入门UI设计教程） _sketch插件

上一章Sketch UI设计教程请查看：sketch使用渐变：线性和径向渐变

文章图片

使用sketch工具箱（sketch toolbox）轻松搜索和安装插件

Sketch已经非常棒了，但是这些插件可以让它变得更好。请务必下载Sketch Toolbox来管理安装。虽然你可以通过从GitHub下载插件来手动安装，但这至少需要5次点击，Sketch Toolbox将其缩减为1。下面介绍一些非常有用的插件，这些插件都可以使用Sketch Toolbox进行安装。
Sketch Measure标注插件

文章图片

Sketch Measure创建标注

用元素之间的距离、空白/填充、宽度/高度、字体大小、颜色和绝对坐标来标注你的设计，类似像Specctr，但更好，更快，更容易。
Github地址：https://github.com/utom/sketch-measure
Sketch Notebook

文章图片

Sketch Notebook在画板的一侧创建文档注释

有时你想在一个文档上写很长的注释，然后导出为PDF。
如何使用：选择一个层，然后去Plugins > Notebook > Add Comment，然后输入标题和注释，确保你的元素首先在画板里面。
Github地址：https://github.com/marcosvidal/Sketch-Notebook
内容生成器插件Content-generator-sketch-plugin

文章图片
创建虚拟用户数据，包括姓名、照片、地理数据、电话、电子邮件和占位符文本和图像。
如何使用：选择一个矩形或文本层，然后去插件>内容生成器（Plugins > Content Generator），选择你想要的数据类型。
Github地址：https://github.com/timuric/Content-generator-sketch-plugin
SketchSquares

文章图片

用Instagram上的照片代替sketch中的图层

用来自你的feed或流行照片的Instagram照片填充元素，另外，你可以选择用图片来填充图层，这样你就可以灵活的隐藏/显示和用其他填充填充图层。
使用方法：选择一个元素，进入插件> SketchSquares >加载Instagram照片。第一次，你需要验证你的Instagram账号（国内可能用不了）。
Github地址：https://github.com/abynim/SketchSquares
Bluth Ipsum创建虚拟“Bluth”内容的Sketch插件，你可以指定句子或单词的数量，这样你就不会以段落太长而结束。另外，这些是剧中的台词，所以这些句子是有意义的!
如何使用：创建一个新的文本层。选择图层但不主动编辑，进入插件> Bluth Ipsum。
Github地址：https://github.com/LigCreative/sketch-bluth-ipsum
Sketch Guides

文章图片
Sketch Guides带来了Photoshop的“ View > New Guide ”功能
允许你通过在对话框中输入像素来创建精确的新指南。
Github地址：https://github.com/petehouston/sketch-guides
根据颜色选择图层插件当你有太多没有图层样式的图层时，这个工具可以帮助你清理。
如何使用: 选择一个层与填充颜色你想隔离。去插件>选择层的颜色。如果你想一次给所有图层添加一个公共的图层样式，你可以从右边的检查器中很容易的做到。
Sketch样式库Sketch-Style-Inventory

文章图片

Sketch Style Inventory使用你在文档中使用的每种颜色和字体创建一个样式指南

当你完成了一个设计，这个插件是非常有用的共享规格和字体样式与他人。你可以为整个页面或特定元素的选择生成。我更喜欢整个页面，因为它会抓取你使用的所有样式。
如何使用：首先，确保所有的文本层都应用了文本样式。当你选择那些“No Text Style”的插件时，这个插件不会为它们生成样式。要生成样式指南，请单击画板外部并转到插件>Sketch Style Inventory>Inventory>生成。

文章图片

如果你的文本样式画板太短，只需解锁背景层，然后调整它的大小。

Github地址：https://github.com/getflourish/Sketch-Style-Inventory
Swatches色板插件

文章图片
这个插件生成的颜色样本基于十六进制代码输入到这个对话框。它为你的颜色创建了一个新页面，其中包含可编辑的名称、十六进制代码和RGB值，可以轻松地导出为PDF。
Github地址：https://github.com/jodyheavener/Swatches
插件故障排除
【sketch toolbox（常用插件合集 – Sketch入门UI设计教程）】如果你的任何插件停止工作，只需打开Sketch Toolbox，卸载它们，然后重新安装它们。