越来越多的设计师和设计团队开始选择使用 Figma 来进行 UI 和产品设计了。 凭借着快速发展的社区和大量的第三方插件、服务以及素材,加之横跨三大平台(Windows、Mac、Linux),Figma 已经开始全方位地同 Sketch 进行竞争 。

当然,用 Figma 不仅要熟悉原本的功能,而且要了解并熟悉各种第三方的工具、插件和服务。这次的文章推荐 14 款帮你提升设计效率的 Figma 平台的插件和素材:

1、矢量角色插画

宝藏资源!14款实用性超强的 Figma 插件和资源

这是一个超级好用的角色矢量插画合集,总计包含 78 张不同的角色插画,适用于不同的场景和状态,比如跳舞、谈话、开车、拍照等,这些插画都可以在 Figma 当中自定义,并且可以应用在各种项目当中。

2、用于 APP 的 3D 模型

宝藏资源!14款实用性超强的 Figma 插件和资源

3D 元素 在 UI 设计当中越来越普遍的使用,这也是 2021 年最值得关注的趋势。所以,这个插件就相当值得用了,这个工具所提供的 3D 元素在细节上是无法编辑的,但是你可以拿着它们直接使用,应用到 UI 界面当中去,也相当方便了。

这组 3D 模型总计有 26 种不同的形状,22 种不同的组件,以及 12 套视觉稿模板。除此之外,还有作者提供的设计教程。

3、Flamingo 设计系统

宝藏资源!14款实用性超强的 Figma 插件和资源

设计系统是好东西,而方便上手的小型设计系统更是很多设计师的最爱。这套名为 Flamingo 的设计系统是基于原子设计系统的原则来做的,其中包含以下几个层级:

·基底:色彩、字体、阴影、元素;
·原子:按钮、输入框、选择按钮、文本区域、复选框等;
·模块:表单元素、提醒、推送、下拉菜单、选区等;
·组织:导航、页头页脚、侧边栏等;
·模板:一系列不同类型的页面模板

这套设计系统最初是作者为所属的公司所设计的,后来应大家需求对外公开可以免费下载使用。

4、Figma 动画示例教程

宝藏资源!14款实用性超强的 Figma 插件和资源

在 Figma 当中,做静态的界面并不麻烦,那做动画呢?这个教程就是教你如何使用 Smart Animate 来实现不同的动画并提供相应的模板。这次的教程当中,总计有 7个部分,分别涉及到汉堡菜单、滑动选项卡、延迟加载、页面过渡、下拉刷新、滑动交互、多步模态 等7种常见的交互动画。

5、Teenyicons 图标合集

宝藏资源!14款实用性超强的 Figma 插件和资源

Teenyicons 是一个很棒的图标合集,其中包含 1160 个不同的图标,涵盖了线性和填充两种不同的样式,而且笔触和细节都是可编辑的。而这套图表有着相当详细的分类,比如技术、创作、房地产、任务、聊天、社交等等等等。

6、Segment UI Kit

宝藏资源!14款实用性超强的 Figma 插件和资源

Segment UI Kit 是一个基于 Android 组件的自定义 UI 工具包,其中涵盖了配色、版式、图标以及大量的预定义的组件。这套工具包对于设计师和开发者而言,都非常容易上手使用。

工具包中的组件包含 380 个不同的组件和流程,涵盖了工具栏、导航栏、选项卡、卡片组件、下拉菜单、表单、按钮等等。

7、用户交互历程地图

宝藏资源!14款实用性超强的 Figma 插件和资源

这款工具就强大了,它是一个协助设计师将交互和用户历程结合到一起的映射工具,其中包括可拓展的用户角色,你可以从用户流程开始入手,通过这款工具,逐步延展,拓展到产品的各个细节,从而搭建出完整的用户历程,将流程和交互完美地串联到一起。

8、UX 模板

宝藏资源!14款实用性超强的 Figma 插件和资源

这个工具和前者有点相似,它是用来创建用户角色、用户历程并且可以进行用户调查和访谈,可以说是一个全功能的 UX 设计辅助工具。

UX 模板这个工具可以完全自定义用户角色,根据你的业务需求和流程需求进行极为细致的控制。用户历程部分也是可以完整定义的,而用户调研和访谈的方面,会给你提供完整的问题列表和自定义空间,并且根据不同的阶段进行优化。

9、Airtable Blocks UI Kit

宝藏资源!14款实用性超强的 Figma 插件和资源

借助这套工具,你可以在 Airtable 平台上开始构建程序。虽然 Figma 本身在素材和结构的处理上井井有条,但是在自动布局上,则处理的比较苛刻。不过在 Airtable Block UI Kit 上,则能够适当缓解这方面的问题。另外,这套 Ui Kit 也是相当完整的,其中涵盖了间距、文本样式、颜色、按钮等必不可少组件。

10、Figma 信息图 UI Kit

宝藏资源!14款实用性超强的 Figma 插件和资源

这是一套涵盖庞大数据可视化组件的 UI 套件,非常适合用来设计仪表盘,用作信息展示和数据呈现,你可以在其中找到绝大多数的可视化的组件,复杂的数据图表乃至于专业的财务数据组件,无论是深色还是浅色都可以兼容。

这套信息图 UI Kit 是 Premium Figma Charts & Infographics UI Kit 的精简版,但是即便如此也相当够用了。

11、Templatery 展示模板

宝藏资源!14款实用性超强的 Figma 插件和资源

我们都很清楚,如果你想要你的想法能够从设计中脱颖而出,那么你很大程度需要视觉上美观且有效的演示文稿。这些模板能够帮你快速上手。这是一组被精心设计的模板,功能足够扎实,视觉富有创意。你并不需要将每一个模板内的图片都导出,只需要在原型模式下连接这一套框架,然后就可以直接播放展示。

如今 Templatery 内包含总计 10 个演示模板,每个模板中涵盖 10 ~12 张精美的幻灯片,并且这套模板还会不断更新。

12、EXO 设计系统

宝藏资源!14款实用性超强的 Figma 插件和资源

这当然不是出自韩国男团的设计组件……这是一套包含有排版、配色、按钮等各色组件、卡片和常用字段的精心制作的设计系统。这套设计系统和其他的类似,除了基础的版式、配色之外,组件的部分非常完整和丰富。此外,这套设计系统还额外增加了 22 套功能性模板,满足不同的展示需求。

13、Pajamas UI kit 组件库

宝藏资源!14款实用性超强的 Figma 插件和资源

这是一套能够和 GitLab 设计系统进行接驳的 UI Kit 组件库,其中包含 33 个不同类别、严格约束、设计精美的组件,最大程度地降低设计成本,通过这样的组件库,你可以将创建设计系统的速度提高 2 ~ 3 倍。

14、Radius 设计套件

宝藏资源!14款实用性超强的 Figma 插件和资源

最后要推荐的压轴素材,就是这套 Radius 设计系统套件了。它是一套设计得非常整洁的组件库,其中不仅本身的样式设计整洁易用,而且其中涵盖了如何使用这些样式、组件的清晰的说明和指南。它最大程度降低了工具本身可能带来的风险和压力,让上手使用非常方便。这套工具还将注入自动布局和组件约束等功能有机地结合进来,让你构建设计系统的时候,速度更快。

更多 Figma 相关文章:

点赞 17
收藏 108
继续阅读相关文章

发表评论 已发布 5

还可以输入 800 个字
 
 
载入中....
5 收藏