上一章 Figma的蒙版设置

资源社区和组件库使用

UX百科编辑部2024-11-08 发布
705人在学·0条笔记
收藏

Figma 的资源社区提供了大量的设计素材和源文件,包括 iOS、Android 的官方设计组件、模板等资源。

只要在资源社区首页输入想要搜索的组件库,就可以找到指定的组件。

再搜索结果中,要注意 Figma 的社区是个开放社区,用户可以自己上传资源和文件,所以类似 iOS 组件库等包含大量第三方用户上传的素材。而苹果官方在 iOS17 以后使用了官方账号在 Figma 上更新。

所以想要获取 iOS17 以后的苹果官方资源,就要认准发布者的 ID – Apple。

可以进入发布者主页,能看到苹果官方分享的其它 Figma 资源。

点击资源后,就可以在弹出的面板中查看详情。点击打开按钮后,就会有2种选择:

  • 作为组件:创建一个新的空设计文件,将该文件的内容置入到组件库中
  • 复制文件:将该文件作为一个独立的设计文件保存到自己的账户中

复制文件会要求选择团队,如果创建或加入了多个团队,就需要选择要保存到的团队,然后文件就会被复制到团队的 Draft 文件夹内,可以自己打开进行进行编辑或复制。

值得注意的是,官方的组件库往往包含大量的图层、组件、层级,多数组件的使用频率极低,只有少数文件会被频繁使用。

所以对于常用的组件库中的组件,我们可以单独复制到一个新的文件,并分离它们的组件格式,作为普通编组保存,每次展开新设计时再从该文件中提取。

比如下面案例,是 iOS17 中常用的顶部状态栏、底部指示器黑白版本,以及3、4、5个选项的底部导航(标签栏)。

705人在学·0条笔记
收藏
已学会
25人已学会
下一篇开始使用Figma设计界面
掌握前面的基础知识,以及使用适当的图片、图标素材,就可以完成市面上90%以上的界面设计了。 自动布局、样式库、组件、变体、变量等进阶功能,只是为设计提供更高的效率,但不会对我们能做出什么设计产生直接的影响。 使用 Figma 完成界面的设计包含以下的要点: 要点1:创建画布 创建画布根据设计的对象决...
本章笔记
仅看自己
logo