团队中设计师可以直接调用Libraries里之共用文件(本质上是Sketch文件)但原生功能是其它一样。

大家好,给大家介绍一下,这是本身湖之新力量:共享Sketch Symbol。

终于~~

信任主用Sketch的同室等都清楚,最新公布的Sketch
47正式上丝了Libraries功能,为设计师的社协作提供了杀十分的造福:

终于~~

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

部分老三方插件都实现,确实,但原生功能是外一样;在这样重要之、可能涉嫌诸如设计系统这样翻天覆地项目之效用及,依赖第三着解决方案的做法到底有制约。

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

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”选项卡。

于此处,你晤面看Sketch默认提供的Library,即“iOS UI
Design”。左侧复选框的当选与否将控制这Library是否会面世于Insert菜单中。点击右侧的“眼睛”图标,或使用空格键,可以本着Library进行预览。

点击右侧下角的“Add
Library…”按钮,选择你自己之Sketch文件,即可实现Library的丰富。

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

点击左下角的田间管理按钮(“齿轮”图标),弹出菜单,在这边您得忍受用、打开或移除当前所选择的Library。自行添加的Library在多少上没有上限,每个Library在Symbols菜单当中还自成体系。


每当地头的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在觊觎层列表中会所有一个特殊之图标:

安插到画布当中的Library Symbols同样可经过右侧检查器面板进行轮换。


点击“Open”,便成在Libraries中补充加了一个公家文件了。

编辑Library Symbols

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

挑后者,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…”。

若得在弹出的对话框中看到眼前文件中调用的上上下下Library
Symbols。选择之中有一个,点击左下角的军事管制按钮(“齿轮”图标),你得选取当Library眼文件中编该Symbol,或是将那个本地化。


拖欠因素得以以由当地文件被开拓进行编辑,也可择直接打开原文件编写(即以Libraries环境受到开展编辑)。

Libraries的翻新与同

Libraries的要紧不仅在跨文件使用Symbols,同时又在乎保障这些Symbols的一块儿更新。

我们前早已了解了什么样编写Library
Symbols。当你完成编制,回到自己之本土Sketch文件中,你依旧可挑选是否受Libraries当中有的反。

编辑了Library 
Symbols之后,回到你的当地Sketch文件,你可以以窗口右上比赛看到紫的“Library
Update Available
”提示。点击后,会有对话框提示您手上文件中某些Symbols有待更新。

在这里,你见面看出出变更的富有Symbols,并会由此“before”和“after”进行版本对照。如果你不确定里面的一些变更是否应更新至眼前当地文件,那么得消选中态不同台该项即可。

在此,所有受选中的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

相关文章