文本放到对应的团伙文件夹中,但原生效能是另一样

大家好,给我们介绍一下,这是自己湖的新功用:共享Sketch Symbol。

终于~~

深信主用Sketch的同室们都晓得,最新公布的Sketch
47正规上线了Libraries效能,为设计师的社团合作提供了很大的惠及:

终于~~

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

部分第三方插件早已实现,确实,但原生效能是另一样;在这样重要的、可能波及诸如设计系统这样庞大项目标听从上,依赖第三方解决方案的做法到底有所制约。

要试用Libraries功用,你首先需要到Sketch官网下载Sketch
47 Beta版本。

图片 1

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

在“添加Libraries”这部分内容当中,我动用了自制的Wireframe基特 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

在上图的范例中,我添加了自制的Wireframe基特 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文件都会惨遭震慑。

所以要留意:如果在社团范围内利(内尔(Nell)y)用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

相关文章