△△△
点击上方蓝字 关注小米金服用户体验
说到Sketch的Libraries，相信很多人已经不陌生，因为早在sketch47 Beta版本，就已经为我们提供了该功能，而且网络上也出现了不少关于Libraries的文章。
前段时间，因为设计系统的项目，对Libraries又进行了一番深入了解，现总结如下，希望能够为对Libraries有疑问的同学提供帮助。
什么是Libraries？
我们来看一下官方给的定义：Library只是一个普通的Sketch文档，其中包含Symbol，文本样式和图层样式，然后我们可以在任何其他Sketch文档中使用它们。如果更新Library文件中的任何Symbol或样式，那么，包含这些Symbol或任何预定义样式的文档将收到通知，告知我们可以更新它们。在这里，我们可以预览，检查和确认更改，以此我们可以始终确保我们的文档适用这些组件的最新副本。
从官方的定义来看，我们可以大致了解到，Library本质上是一个Sketch文件，它的功能在于可以同步更新用到该文件的文档中的元素。
为什么要用Libraries？
在Sketch 47为我们带来Libraries之前，Symbols一直是Sketch当中最为重要的功能之一，同时也是构建设计体系的关键功能。Symbols用于创建可复用的界面元素，有助于维护设计方案的一致性。然而一直以来，这一机制的作用范围仅限于文档内部，除非借助第三方插件的帮助，否则Symbols无法在不同的文件之间保持同步。
因此当出现多个产品共用一套Symbols时，如何在不同的项目中同步Symbols就成了问题。之前有不少团队的做法是使用一套Sketch模版来集中放置共用的Symbols，这种方式虽然控制了文件尺寸和统一了Symbols的来源，但当模板中的Symbols发生变化时，对于那些已经插入到不同文档当中的Symbols，我们依然无法进行同步性的更新。而Sketch 47提供的libraries，可以解决以上问题。
现在我们可以将不同类型的Symbols分别存放在不同的Sketch文件当中各自作为独立的Library，如配色、图标、按钮、表单元素等；其他项目文件则可以统一调用这些Libraries文件当中的Symbols。当我们修改了Libraries源文件，相关的变化也会同步更新到所有的项目文件当中。
总的来说这种统一管理和调用的机制不仅减小了文件尺寸，增强Sketch的性能表现，还提升界面元素的统一性并提升项目整体的可维护性。
如何创建及使用Libraries？
这里举一个定义颜色的例子。对于团队项目，我们通常在Sketch文件名中添加统一前缀，例如“FUX-colors”，将“FUX”作为前缀，以便与其他项目进行区分。当然，命名方式因人而异。
如图，我们先新建一个Sketch文件，创建自己规范好的颜色并将每个颜色转为Symbol。当然，这里需要注意命名，这关系到具体的分类方式，如图命名，Sketch会识别“/”符号，并自动生成相应的架构。
接下来，我们将创建好的文档添加到Libraries体系。在顶部菜单栏选择“Sketch › Preferences”，然后进入“Libraries”选项卡，点击“Add Library”按钮，选择我们在上一步里创建的Sketch文档。如图，我将FUX-Colors文档添加到Libraries体系中，这样就可以在任何其他的Sketch文件里对其进行调用了。
然后，我们可以做一个测试，创建一个Sketch文档，调用我们刚刚添加到Libraries体系的色值，如图
命名为“test”文件并保存。接来下，我们修改FUX-Colors，将其中的紫色（purple）换一个色值并保存。然后，我们再打开刚刚保存的“test”文件，我们会发现在Sketch的右上角出现“Library Updates Available”，如图
点击“Update Components”，我们就可以替换掉旧的色值了。
总结
在本文中，我们一同了解了什么是Libraries，Libraries的优点以及如何创建使用libraries，希望看完本文的同学能够对Libraries有一定的了解并能够感知它的作用。
