优设专属福利！为什么说语雀可能是最好用的设计版本管理工具！

@可乐橙_ColaChan ：这次要介绍的是一款大有来头的知识协同工具——语雀，出自蚂蚁设计团队，可以用于设计项目的管理与资料沉淀。由于有些便利条件，我所在的团队早早就用上了，对它再熟悉不过了。语雀向公众开放有段时间了，之前的版本主要是文档的协同，这次的更新放出了真正让设计师如虎添翼的功能。

先讲个故事，不知道大家在与开发同学的协作时，是怎么交付设计资料的？会用什么样的设计管理工具？

简单粗暴的团队协作模式我很早以前经历过，开发和设计之间互相丢文件，结果往往很感人：

“设计稿好了，压缩包里有标注和切图。”

“好的”

“设计稿更新了，以这个为准哈。”

“好”

“有个界面重新设计了，还要更新一下，单独更新了这个界面的切图。”

“嗯，你这气泡框里的图标没切，给我一下”

“好的，马上切给你。”

“你这个图还没给我啊”

“给你了呀，早晨发你的，里面没有吗？”

“没，来我这看下？”

然后我看到了开发同学的桌面：

设计稿.zip、设计稿(1).zip、设计稿(2).zip、设计稿-20160322.zip、设计稿-20160324.zip、设计稿-20160325.zip……

如果还在用这种方式工作，请立刻做出改变，呵护自己，也呵护所有团队小伙伴。像这种由信息散落、版本混乱导致的沟通问题，语雀可以妥妥地解决。我们先来看看官方的介绍 。

一、什么是画板知识库？

画板知识库是语雀推出的第二种类型知识库，主要为设计师群体提供设计稿服务。通过我们提供的 Sketch 插件，快速将设计稿以及附属信息上传到语雀，与团队成员分享你的设计想法。在线上开展异步设计沟通交流。

1. 新建画板

画板是画板知识库的一个单元，如果需要管理分享你的图片，先创建一个画板。点击画板知识库顶部的新建画板。 新建画板以后需要你对画板进行命名。（通过 Sketch 插件上传的设计稿，一个 Page 等于一个画板，同时会同步 Page 名称）

2. 如何上传

普通上传

新建画板以后，进入画板。可以点击右上角的上传按钮，也可以直接将图片拖入到页面中。

Sketch 上传

通过 Sketch 插件，选择对应的 Artboards ，以及对应的语雀知识库和画板，点击上传即可完成将设计稿、源文件、标注信息、切片自动上传到语雀画板中。

3. 如何管理

在画板中，可以多图片进行批量操作。同时对单张图片可以进行替换和获取原图。如果需要查看详情信息，直接点击图片进入即可。Sketch 上传的设计稿会自动到画板中，最新的设计稿会出现在最后面。如果是覆盖上传，设计稿右上角会出现绿点，表示有最新内容更新。如果你需要对图片进行排序，拖动图片即可完成。排序后顺序会保留，不会随着 Sketch 的更新而更新。

图评

进入图片详情以后，可以对图片进行全局评论，将你的设计想法更全面的和团队成员之间进行分享。成员也可以针对设计稿中某个细节进行评论。评论以后，作者或者订阅的人可以及时收到对应的通知。

热区制作

当你想制作一个图片与另一个图片的关联关系的时候，可以使用我们的热区制作，选择一个你需要关联的区域，设置目标页面。这样就可以完成一个非常简单的逻辑原型制作。

标注信息

如果通过 Sketch 插件上传的设计稿，语雀会自动解析出设计稿中带的附属信息。非设计同学可以更加直接的看到相关的设计信息。比如字体的字号、颜色、间距、图层的样式。

4. Sketch 插件

如何获取

新建画板知识库以后，知识库为空的状态下，会提示下载 Sketch 插件。或者新建画板以后，进入画板图片管理页面里有插件下载按钮。

安装与授权

将下载的 Sketch 压缩包解压以后，直接点击插件即可完成 Sketch 的安装。安装以后打开 Sketch ，点击插件中的工具栏。这个时候你会在 Sketch 的右侧看到一个固定的工具条。点击第一个icon，即可进入授权的入口。点击后会跳转到语雀的页面，确认后完成授权（使用语雀 Sketch 插件需要现有语雀账户）。回到 Sketch 即可获取到你在语雀上的画板。

授权成功以后需要你选择对应的空间。

5. 更多介绍

关于更多 Sketch 插件的介绍，点击查看。

二、用它来干什么

我日常工作中使用语雀的频率非常高。设计好的 sketch 源文件往里面一丢，每个画板会自动解析成图片。图片可以在线编辑，在图上画好热区，写上交互注释，立马就可以拿去进行设计评审了。如果逻辑复杂，也能给热区加上链接，模拟真实产品的点击跳转路径。

之后发现他们出了sketch 插件，就不用在浏览器里上传源文件了，sketch 里点点鼠标，设计立刻更新到线上。还顺便解决了标注的问题，虽然标注类的工具已经很多很方便，不过连这个步骤都能完全省掉，还是蛮开心的。

而我要交付出去的所有东西，就只有一个链接。后续的任何设计更新，都体现在这个链接里。同名的覆盖，不同的创建，增量同步。确保所有团队成员看到的设计都是统一的、最新的。也让各个设计项目的资料有个集中的归属。这样的工具，能让设计师专注于真正该关心的体验问题，价值非凡。

而且别忘了它还有文档协同功能，同时也是团队沉淀需求文档、产品规范、技术资料的地方，可以支撑起团队的大部分工作事务。

三、福利

最后，上福利。阿里的同学送了200个新鲜热乎的注册邀请码，了解一下？https://yuque.com/yuque/invite/zd2eyk

「设计师管理工具」

• 《5万+阿里员工使用的在线知识平台，现在你也可以用了！》
• 《两分钟认识一款优雅的图标管理工具：Nucleo》
• 《这款国人开发的Eagle，堪称收集和管理素材灵感的最佳利器！》
• 《用标签代替文件夹！教你更高效的图片素材管理术》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： http://hao.uisdc.com