“蓝湖”支持Sketch共享Symbol&Libraries!Sketch 47 Libraries功能图文详解。

世家吓,给大家介绍一下,这是自我湖的新力量:共享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

相关文章

admin

网站地图xml地图