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

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

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

Sketch Measure标注插件

用元素之间的距离、空白/填充、宽度/高度、字体大小、颜色和绝对坐标来标注你的设计，类似像Specctr，但更好，更快，更容易。

Github地址：https://github.com/utom/sketch-measure

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

用来自你的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

当你完成了一个设计，这个插件是非常有用的共享规格和字体样式与他人。你可以为整个页面或特定元素的选择生成。我更喜欢整个页面，因为它会抓取你使用的所有样式。

如何使用：首先，确保所有的文本层都应用了文本样式。当你选择那些“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，卸载它们，然后重新安装它们。