即时设计基础教程！NO.09 资源库的创建、上传、分类与编辑

本集讲师：@YY

免费使用即时设计，请点击右侧链接👉 即时设计

获取海量免费设计资源，请访问👉 资源广场

获取本集课程课件及演示案例源文件，请访问👉 教程文件

什么是即时设计

即时设计是一款全平台覆盖、可云端编辑的专业级 UI 设计工具，为中国设计师量身打造，是 Windows 也能用的「协作版 Sketch」，它设计功能强大，能一站完成设计师所有需求。无论是多位设计师协同创作，还是产品经理随时随地评审、沟通反馈，或是研发人员查看实时更新的设计稿获取切图标注，都可得到满足。

不受系统限制，打开浏览器即可开始创作，同时让设计师在工作中每一个步骤都能拥有更高效愉悦的体验。即时设计支持导入 Figma、Sketch、XD 等文件，无缝衔接以往工作内容；还可导出 Sketch 文件满足跨工具协作，并且所有功能都能免费使用。

本集简概

本集是即时设计系列基础教程第 9 集，本集讲师 YY 向你详细介绍资源库的相关内容，包括资源库的创建、上传、编辑等，帮你快速产出工作成果，获得更多设计灵感！

编者按：图文内容简概为视频内容的提炼总结，想要了解详细教程内容，请观看文章顶部完整的视频教程。

1、什么是资源库

左下角最后一个图标，就是我们的资源库，点击即可查看，或者通过 快捷键 shift + 3 快速调出资源库面板。

资源库包含规范、素材、图标和图片四大内容：

1. 规范 主要是基础的 UI 布局组件、成套的  UI  套件；
2. 素材 则是一些补充型设计元素，如  Mockup、插画等；
3. 图标 是各种风格类型的图标库；
4. 图片 自然就是大量免费的图片资源啦。

2、如何创建个人资源库

点击创建个人库，输入你想创建的资源库名称，然后有设计规范、页面、组件、图标等类型供你选择。创建好一个空库后，我们需要往里面添加资源。

上传资源的常用方法有三种：

1. 选中上传内容，右键-上传至资源库；
2. 选中上传内容，选择左上角菜单图层分类中的 上传至资源库；
3. 选中上传内容后，快捷键 command / ctrl ＋ shift ＋ S，将设计文件上传到资源库中。

Tips：我们可以通过 “类型 / 名称” 的形式对其命名，这样资源库就会自动分类，帮我们更高效地管理和使用资源内容。

上传完成后，视图左侧会生成一个列表，显示上传的所有内容，右键可以重命名或删除内容。

当我们想使用资源库的内容时，点击某个资源库的详情，选择内容直接拖入画布就可以了。

右侧的下拉按钮，可以帮助你在多个资源库中切换查看。

3、如何添加广场资源

点击添加广场资源，我们就会打开一个在线资源广场的面板，里面有很多现成的资源可供选用，包括 antdesign、Material Design、微信小程序等大厂的设计规范，还有一些组件、图标、插画等资源，都可以在这里搜索并使用。

选择想要的资源后点击引用，提示引用成功后，回到资源库面板，可以看到刚刚引用的内容已经出现，点进详情页就可以随意拖拽使用了，是不是 so easy～

4、如何使用图片库

即时设计的图片库引入了知名优质开源图片库 Pixabay，所有图片均为免费可商用，无需担心版权问题。

在图片库面板顶部搜索栏中，搜索图片关键词，即可得到相应的图片内容，然后就可以自由地拖拽使用啦~

第 9 课关于 资源库的创建、上传、分类与编辑 的介绍就到这里，下节课我们将教你在即时设计中 创建基础交互，敬请期待～