简介

随着 Sketch 47 版本的发布，加入了令人激动的新功能 Libraries。现在，我们可以跨文件同时调用同一个文件库中的 Symbols 了。这将大大方便了设计师管理自有设计库，还能为内部协作提供同一套设计控件，设计产出物将有同一个标准。

成果

设计组内部及一部分 PM 共用了这套线框组件库，终结了公司内部原型及交互稿产出物不统一的问题，在日常设计中，通过组件复用大大提升设计效率。RD 在拿到交互稿后可同步进行开发，大幅缩短了研发周期。

1. 基于 iOS 11 UIKit

所有组件即拖即用，可快速创建线框原型。可配置项丰富，具备良好的灵活性与扩展性，便于根据特定的设计需求进行改造复用，并能自适应各类常见的设备屏幕分辨率。

通过不同的灰色来构建界面整体与局部信息的对比度，使内容的层次和节奏一目了然。既不会影响 UI 设计师对页面内容重要程度的理解，又不会对其造成视觉干扰：

所有组件缩略图：

丰富的可自定义组件

Navigation Bar 及 Search Bar

Table View Cell 可以有多种不同组合

上百个常用 icon 可快速应用

2. 在项目中的应用

在日常工作项目中，通过使用这套组件库，可以高效构建通用页面：

在每次新的版本迭代时，都能够将这套组件作为基础模版来使用。早年从 Axure 时养成的习惯，到今天 Sketch 推出 Libraries 后更为方便的调用，都使得设计效率大为提升。

在维护组件库的同时，自己也在不断学习，如何才能使得组件库本身架构合理，使用起来高效，这些都需要自己去参考、借鉴市面上 UIKit 的组织形式，再结合产品现有设计方案去整理、重构，对于自己而言都是丰富的学习与提升。