Skip to content

⒈ UIkit Sync

hzlzh edited this page Jul 6, 2017 · 1 revision

WiKi Video here for English users.

本功能用于团队输出 UIKit 设计标准,并用于团队成员快速协同。

uikit

快速开始

新建一个 Sketch 画板,选择 WeSketch => 管理 UIKit => 同步 UIKit,本插件为您提供了三个可使用的示例。

选择 WeUI 或其它,点击确定,你所打开的画板,会下载已经在放在 http 服务器的 UIKit 并导入到你现在的画板。

如何设置

uikitsetting

打开 WeSketch => 同步源设置。界面中出现如下界面。

按照示例新增一个你已经制作好的并上传到网络的 UIKit 地址配置到界面中的输入框中。

有些团队可能使用 DropBox 同步团队 UIKit 到本地,我们也提供了选择本地文件同步的能力。点击文件夹 logo 即可选择。

特别注意:若同时配置 UIKit 及颜色库地址到一个项目中,同步 UIKit 同时会同步你的颜色库内容。但单独同步颜色库不会同步 UIKit 库。

如何制作自己的 UIkit

导出 UIKit

UIKit 是通过 Sketch 的 Symbols 功能,达到一次制作 Symbols,多处使用。将你制作好的 UIKit 文件通过本插件的导出 UIKit 功能导出成 sketch 文件。

注意:由于此同步工具是通过元素名称判断是否同步的内容与原画板内容是否相同来做同步操作的,所以尽量避免画板中的 Symbol 没有相同命名,通过本插件的导出 UIKit 功能,会自动将重名的元素重命名(原名后加数字)。