但原生功能是另一样,所有调用过该公共文件的地面Sketch会收到更新提醒

大家好,给我们介绍一下,那是自家湖的新职能:共享Sketch Symbol。

终于~~

信任主用Sketch的同室们都精通,最新公布的Sketch
47正规上线了Libraries效率,为设计师的社团合作提供了很大的有利:

终于~~

终于~~  sketch可以被调用的库文件。

部分第三方插件早已完毕,确实,但原生作用是另一样;在这么主要的、可能波及诸如设计系统那样翻天覆地项目的功力上,珍贵第三方解决方案的做法到底有所制约。

要试用Libraries成效,你首先必要到Sketch官网下载Sketch
47 Beta版本。

图片 1

Sketch官方文档并未配图,本文所有图片均源于自身(C7210 
,下同)个人的操作演示。

在“添加Libraries”这一部分情节当中,我动用了自制的WireframeKit For
Sketch(iOS)作为示意
,那是一款面向交互设计师的线框稿风格Sketch组件库。

上面进入官方文档正文。

不错的设计来源于于合营。有了Libraries效能,跨文件的Symbols共享、升级和一块便足以落到实处。


·
团队中设计师可以直接调用Libraries里的公家文件(本质上是Sketch文件);

什么是Libraries?

一个Library本质上就是一个普通的Sketch文件,其中的Symbols可以被别的Sketch文件调用。即使您编辑了Library当中的Symbols,那么调用了该Library的其余Sketch文件便会收到更新公告,你可以对改变进行预览、相比和确认,使那几个Sketch文件所调用的Symbols自动更新至最新版本。

在三人搭档场景中,你可以将Library文件存放在Dropbox同步文件夹或GitHub的Repository当中,并保管其余同事拥有访问权限,这样他们便得以在协调的本土Sketch文件当中调用Library并利用其中的Symbols了。在您编辑了Library文件之后,他们的地点Sketch文件一律会吸收更新通告。


·
修改Libraries里的公物文件后,所有调用过该集体文件的地面Sketch会收到更新提示,那样能够确保规划团队的UI元素都为流行版本,设计师能够独立挑选是或不是更新。

Libraries成效适合自己啊?

不管独自工作,依然集体合营,Libraries效用都能帮你从容应对。

咱俩提供了“iOS UI
Design”作为默许Library,你可以通过“Insert”菜单将常用的Symbols快速添加到文件当中,也足以将自己的Sketch文件添加到Libraries当中,或是创设全新的Library;无论怎样,你都可以在富有的Sketch文件当中联合调用这么些公用的Libraries,升级工作也只需在Libraries当中一遍性已毕。

团伙应战的设计师们则可以丰富利用Libraries的一头能力来保障设计方案中的UI元素属于新型版本,或是及时获取最新的品牌风格定义。Libraries被切断于工作文件之外,你可以通过其存放媒介所提供的安全策略设置来保险其不会被漏洞分外多的变更;对于其他升级变更,你也有机遇在一道此前对其展开预览确认。


“蓝湖”会在Finder中创立一个名为“蓝湖”的文件夹,将公用的Sketch
文件放到对应的团队文件夹中。

添加Libraries

要添加新的Library,你所需的仅是一个含有着Symbols定义的家常Sketch文件,就那样简单。

当您在地头Sketch文件当中对Symbols进行了完美的定义,并希望在别的文件当中进行调用的时候,你就可以将其拉长为Library了。通过顶部菜单栏的“Sketch
Beta”进入“Preferences”,即偏好设置(或行使火速键“Command+逗号”),然后在窗口中打开“Libraries”选项卡。

图片 2

在那里,你会看出Sketch默许提供的Library,即“iOS UI
Design”。左边复选框的当选与否将控制以此Library是不是相会世在Insert菜单中等。点击左侧的“眼睛”图标,或应用空格键,可以对Library举办预览。

图片 3

点击右下角的“Add
Library…”按钮,选取你自己的Sketch文件,即可完成Library的增加。

图片 4

在上图的范例中,我添加了自制的WireframeKit For Sketch(iOS)作为Library

点击左下角的田间管理按钮(“齿轮”图标),弹出菜单,在那边你可以禁用、打开或移除当前所选的Library。自行添加的Library在多少上没有上限,每个Library在Symbols菜单当中都自成连串。

图片 5


在地点的Sketch文件顶部栏左上角“Sketch”里打开Preference(偏好设置)中找到Libraries;

外部Libraries

想要通过Libraries达成外部共享或搭档?完全没难点 –
将Libraries文件存放在该地服务器、云存储或版本控制系统当中,向有关人士开放访问权限即可。

譬如你可以将Libraries文件放置在Dropbox共享文件夹里,然后你的意中人或同事将其添加到自己的Sketch
Libraries当中,那样你们就可以按照相同份Library文件进行工作了;对于该公文的其余变动都足以成效于每个人的地点Sketch文件。


点击“Add Library ”,找到“蓝湖”文件夹中的公共Sketch文件;

使用Library Symbols

您可以像使用普通的地面Symbols那样使用Library
Symbols,譬如通过菜单栏的Insert › Symbol来插入到近期画布当中。

为了与地点Symbols进行区分,Library
Symbols在图层列表当中会持有一个非正规的图标:

图片 6

插入到画布当中的Library Symbols同样可以因而左边检查器面板举行互换。

图片 7


点击“Open”,便成功在Libraries中添加了一个集体文件了。

编辑Library Symbols

当你准备像过去那么通过双击Library
Symbol对其展开编制时,Sketch会提示你该Symbol属于某Library,你可以在“Unlink
from Library”或是“Open in Original Document”当中进行抉择。

图片 8

分选后者,Library源文件会被机关打开,并稳定到该Symbol。对源文件举行编制,意味着所有调用到那几个Library的本地Sketch文件都会遭逢震慑。

从而要专注:假使在集体范围内选取Libraries,那么在编辑源文件当中的Symbols时要有限协理小心。高阶人士想要求对常常团队成员的拜会权限进行把控,例如设置为“只读”(具体设置方法索要参考你所拔取的联合工具的相关认证)。

将Library Symbols本地化

要是你希望在不影响Library源文件的情事下对Symbols举行改动,那么在上文的对话框中甄选“Unlink
from Library”,那样Library
Symbol便会被本地化,脱离与Library的涉嫌;其原型也会油不过生在地头Sketch文件的“Symbols”页面当中。

注意:一旦Symbol脱离了与Library源文件的关联,就不可以再与Library保持同步。其他未脱离关系的Symbols则不会惨遭震慑。


点击Sketch界面的“Insert”(插入)按钮,在下拉列表中即可找到刚刚添加的集体文件,其中的UI元素拖下来即可使用。

管住当地调用的Library Symbols

您可以对当地Sketch文件当中所调用的Library
Symbols举行合并管理,无论它们出自一个或五个Libraries。在画布中当选某个Library
Symbol,在右手检查器面板当中点击该Symbol的称谓,在弹出菜单中接纳“Organize
Imported Symbols…”。

图片 9

你能够在弹出的对话框中看到眼前文件当中调用的总体Library
Symbols。接纳其中某一个,点击左下角的军事管制按钮(“齿轮”图标),你能够选取在Library眼文件中编辑该Symbol,或是将其本地化。

图片 10


该因素得以在从地点文件中开拓举行编制,也得以选拔直接打开原文件编辑(即在Libraries环境中举行编制)。

Libraries的换代与一起

Libraries的主要不仅在于跨文件使用Symbols,同时更在于保险这一个Symbols的联合创新。

俺们前边已经了然过如何编写Library
Symbols。当您做到编制,回到自己的当地Sketch文件当中,你依然能够挑选是不是接受Libraries当中发生的改观。

编制了Library 
Symbols之后,回到你的当地Sketch文件,你可以在窗口右上角看到粉色的“Library
Update Available
”提示。点击之后,会有对话框提示您眼前文件当中某些Symbols有待更新。

图片 11

在此地,你会看到暴发转移的兼具Symbols,并能通过“before”和“after”举行版本对照。假使您不确定里面的一点变更是不是合宜更新到当前本地文件,那么裁撤选中态不一致台该项即可。

图片 12

在此处,所有被选中的Symbols都会在您点击“Update
Symbols”之后被一起到你眼前的地点文件当中。

设若你不期望眼前文件当中的一些Library
Symbols被更新,也足以在一起以前就由此“Unlink from Library”将其本地化。


本文来源Be For
Web

此间假如大家做一些小修改,咱们将公共Sketch文件里按钮上的文字从“OK”改为“Button”。

封存后,蓝湖社团网盘会活动将以此新型版的公共Sketch 文件同步到云端,

你的同事在大团结电脑上点击蓝湖团队网盘图标【同步到地面】;

那么,那位同事拥有调用过该集体文件的地面Sketch文件的右上角,都会油可是生黑色的换代提示“Library
Update Available”。

点开“Library Update
Available”,就可知到更新资料新旧四个本子的自查自纠,设计师可以独立拔取是不是一键更新该UI元素。

那边大家选用“更新”,那样地方的Sketch文件中的黄色按钮便自行变更为最新版本了。

以上便是Sketch最新的Libraries详细使用办法了,若是有其它疑问,可以随时留言给湖湖唷~

终极再强调两次:用“蓝湖”Sketch共享网盘,轻松落成Sketch
Libraries团队同步更新,合营使用,手感极佳!

蓝湖Sketch插件下载:https://lanhuapp.com/sync

蓝湖官网:LanhuApp.com

相关文章