在精选广场中引用、采集的资源内容,都可以通过编辑页的「资源库」浏览、管理和使用。在设计过程中随时可以在资源库面板中取用资源。除此之外,还引入了知名优质开源图片库「Pixabay」,随时可以在图片项下查找所有 Pixabay 的图片资源,快速使用。
资源库入口
在编辑页左下角可找到「资源库」入口,点击即可查看资源库。

资源库面板
在精选广场引用的所有资源库,以及个人创建的资源库,都可以在资源库中查找、使用。
资源库面板中包含「资源库」与「图片库」两种类型的资源。

资源库
资源库分为「规范」、「素材」、「图标」三种类型,「规范」包括基础的 UI 布局组件、成套的 UI 套件,
「素材」主要包括设计中的一些补充型设计元素,如 Mockup、插画等。「图标」则为各种风格类型的图标库。

个人资源库
创建资源库
在个人资源库右侧找到「创建资源库」按钮,点击创建。

修改资源库名称
在资源库右侧更多选项中找到「重命名」按钮,或直接在右键菜单内找到「重命名」按钮,点击可直接修改。

上传资源库内容
可以通过以下三种方式,将设计组件上传至资源库(支持多选上传):
- 选中上传内容,右键选择「上传至资源库」;
- 选中上传内容,选择左上角菜单图层分类中「上传至资源库」;
- 选中上传内容,使用快捷键
⌘
+⇧
+S
。

删除资源库
在资源库右侧更多选项中点击「删除」,或右键后在菜单中选择「删除」,即可将资源库删除。
如果资源库中存在资源内容,删除时,会提示是否将资源内容进行转移。可以选择保留内容,将其转移到其他库中。

资源库详情
查看资源库详情
选择单项资源库,即可查看该资源库详情。
此外,如果当你在某项资源库详情中查看时,可以选择顶部「筛选」按钮,快速跳转查看。

查找资源
选择资源库详情面板顶部「搜索」,可快速查找资源。

将查找内容拖拽至画布内,进行使用。

修改资源(分组)名称
右键资源(分组)找到「重命名」按钮,点击修改。

删除资源(分组)
右键资源(分组)找到「删除」按钮,点击删除。

更新资源
右键资源找到「编辑内容」按钮,点击进入资源编辑模式,对资源进行更新。

图片库
图片库引入了知名优质开源图片库「Pixabay」,所有图片均为 「免费可商用」 ,设计师可以放心使用图片,无需担心版权问题。
在图片库面板顶部「搜索栏」中搜索图片关键词,即可得到相应的图片内容,拖拽出来使用
