赞助商
立即赞助

2020年,一定要试试这 17 款超给力的 Figma 插件

设计神器3年前 (2021)发布 流光
3.2K 0 0

在世界范围内,Figma 已经为主流的原型和数字设计软件而存在,和 Adobe XD 和 Sketch 相比,Figma 为在工具,有着更强的时协同功能。出的用户界面和走心的互设计让 Figma 逐渐成为主流,而超高的迭代速度让 Figma 开始俘获越来越设计师的心。

不过 Figma 缺陷也明显,那是缺少第三插件。许多从其他平台迁移过来设计师于这有所诟病,而 Figma 本身也在试图解决这个问题,完善提升插件生态。

在 2019 年 8 月,经过数周的 Beta 测试之后, Figma 终于在系统中启插件。根据 Figma 的开发者透露,早在2年前他们就已经开始了这一工作,过为了确保插件的平稳使,他们一直在修改功,善 API。

插件的优缺点

插件来善 Figma 的功和体验,无疑是非简单直观的逻辑,按需,对于优 Figma 本身缺乏的功和务,将会带来巨大的捷,如自行重复性的量操作,这些都是插件可供的。

截至目前,Figma 当中已经有超过 400 款插件,并且乎每都有心的插件加入进来。这些插件并非是 Figma 官方人员开发,而是像你一的普通用户或者开发者提供的,如果你想开发插件,整个 Figma 社都会在后面支持你。

2020年,一定要试试这 17 款超给力的 Figma 插件

不过,目前来,虽然 Figma 软件本身有多性已经超过了 Sketch ,但是在插件生上,依然有多西要向 Sketch 来学习的。并且值得一提的是,Figma 插件不允许插件以实模式更改数据并返还系统,这个限制极大的削弱了插件的功能和可能性。

如果 Sketch 用户,迁移到 Figma ,不妨看看这篇指南:

尽缺陷,但 Figma 插件依然能够极的强化设师的操作空间,下面,我们一起看 Setproduct 团队优选的 17 高素质插件吧。

1、Coda for Figma

2020年,一定要试试这 17 款超给力的 Figma 插件

Coda for Figma 是一款能够和 Coda 进行动的插件,触这个插件,你可以调用来 Spotify、Wikipedia、Dropbox、Gmail、Google Calender、Jira、Shopify 还有 Github 的数据,用这些数据来填充布局。这个插件其实挺新的,而且社内越来越多的人开始于使用它。值得尝哦~

2、LilGrid

2020年,一定要试试这 17 款超给力的 Figma 插件

LilGid 实性极强,这是一款够帮你整界面的插件,并且你可通过自定义组织样式。在需要整大量的设计容如按钮和图标的时候,这款插件非有。

LilGrid 本身并不会修改计素,但是能帮你在画布上更整齐、有条理逻辑地排列,绝对是迫症的福音。

3、Table Paste

2020年,一定要试试这 17 款超给力的 Figma 插件

看名字就知道,这是一个处表单的插件。对于需要将 Excel 表格中容传输到 Figma 的设计师而言,表格的样式管绝对是个难点,那么这个时候,你需要 Table Paste 。

你可以简的先创建一行表格,然后添加文本字段,生成组件。在你计好的表格组件当中,再粘贴来 Excel 的表内容,就行了。在这个过程中,表的式你可以事先定义好。

对于需数据呈的设,这款插件可以非常用了。

4、Design System Organizer

2020年,一定要试试这 17 款超给力的 Figma 插件

当你在使用计系统来进行计的候,你可能需要针对定组件的不同状、式进行管理,它的命名方式甚至都有讲究,便于你后续的查找检索和修正,所以它的组织方式可能是这的:「按钮/按钮大/按钮状/默认」

这款插件就非常于以这样的方式整理元素控件的样式,也可以针对这些组件行分组、移动、重命(批)。

对设计系统中的元素和空间的样式管理,款插件能够对官方的功能进行补完,果你要进行相对复样的系统化的设计,么最试试款插件。

5、Figma Dashboard UI kit

2020年,一定要试试这 17 款超给力的 Figma 插件

看的错,这一款付费的 Figma 插件,但它付费也付费的价:这款 Figma 仪表盘UI Kit 的插件涵盖了精挑选的功 UI 组件,包含一堆行了响应式配的组件,能够帮加速应用程序的发。

套插件中包含 550 个完整的设计项目,48 款系统化的模板,1000 款素质极高的图标,每个组件包含标准模式和深模式,有条,物有所值!

6、Movie Posters

2020年,一定要试试这 17 款超给力的 Figma 插件

这款插件自于 Must App 的发者,这对于创建影视相关的设的同学言,非凡的价。

款插件的主要功能是生成报,它随机地选取电影和电视节目中的图像或者报甚至矢量元素,超快超省心。

7、Dot Grid

2020年,一定要试试这 17 款超给力的 Figma 插件

如果设的时候,喜欢用网格的话,那么这款能够帮网格的插件就的了。

当,你所预料的,你以非常轻松地定义网的宽度、高度、大小、间距、颜等属,同时,它还能够漂亮细致,满你对优质插件的期待。

8、GiffyCanvas

2020年,一定要试试这 17 款超给力的 Figma 插件

这款插件非常简单,无需离 Figma 就可以创建 GIF 图,宣召创建的 GIF 图,设置文件参数(时间,宽度,高度)然后预览,看了问题之后,就可以下载了。这款插件对 Figma 本身功能的一重补完,省去再去打其他的应用去制作 Gif 图。

9、BeatFlyer Lite

2020年,一定要试试这 17 款超给力的 Figma 插件

最开始 BeatFlyer Lite 是一款完全第三方的工,不过现在它可以作为插件直内嵌 Figma 当中了!你只需要快速点击下,就能够生成动画,输出令人印象印象深刻的动画效果!虽然 Figma 当中有类似的功能,但是并没有 BeatFlyer Lite 这大,所以一定要。

10、Color Kit

2020年,一定要试试这 17 款超给力的 Figma 插件

许你已经厌倦了那些就生成整套配色方案,但是更深入的细节功又没有的配色工具?这来个细致的:Color Kit。这款工具是专门帮你制作需颜色的深浅色阶的,当你需要制作色彩渐变,或者基于某个色调来制作富有层次的设计的时候,它就发挥作了。

另外,如果你是第三方配色工 Eva Design System 的用户的话,就更好了,因为它的功能和体验之类似,你可以无需离开 Figma 就完成相关的操作,习惯和体验都无缝衔过来。

11、Material Palette

2020年,一定要试试这 17 款超给力的 Figma 插件

如果你是 Material Design 的爱好者,那么这款 Material Design 配色方案生成工具,就是专门为你准备的。这套工具是基于 Material Design 来制作的,你可查询,直接通过这则个插件来查合适的配色。

在使用过程中,它会同生成三套配色方案,别是 Material 配色,色和纯色三种,体你可以尝一下。在 Material Design 中,这种配色思路非常不错,但是不同颜色之间的搭配可能不够离线,不够续,希望后续有所改进。

12、Wire Box

2020年,一定要试试这 17 款超给力的 Figma 插件

做设计有的时候,并是一直着一个方向来做的。如果你有现成的保真模,那么借此来设计 UI 样机是非方的。可是如果你的设计还够善,还想继续调整户体验,那么你可借助 Wire Box 可将保真模重逆向转换为低保真的线框图,继续进行修整~

14、Webgradients

2020年,一定要试试这 17 款超给力的 Figma 插件

当,帮你生成渐变的工具有很种,而 Webgradients 个插件就是其中最值得尝试的一个——它以帮你出效果非常出众的渐变效果。在款插件当中,它不仅能够生成渐变,而且能够收藏、管理不同的渐变效果,极大地节省你做设计的时间。

15、LottieFiles

2020年,一定要试试这 17 款超给力的 Figma 插件

LottieFiles 新加入 Figma 平台的插件之一,仅仅线 5 天就被超过 1000 用户下载安装,并且很跻身榜。如同它字所暗示的,这一关于著动画具 Lottie 的插件,借它,可以将千万的免费 Lottie 动画作 GIF 或者 SVG 插入到的设当中,可以非常非常给力了。

16、TinyImage Compressor

2020年,一定要试试这 17 款超给力的 Figma 插件

这也是一款实用性极的 Figma 插件,TinyImage 能够帮你压缩图片——能够比 Figma 本身导出的图片要 90%。这款插件还有多有趣的功能,比如支持透 PNG 和渐进式的 JPEG 格式优化,它能够在你使用过程中,记住你的置,并且在导出多个图像的候,动帮你包成为 ZIP 格式压缩包,非常良心。

17、Design Lint

2020年,一定要试试这 17 款超给力的 Figma 插件

在将你的设计交给开发之前,你是一定要确保整个设计上是一致的,而这个超的免插件,够检查你的原或者视觉稿当中,是否存在一致的地方,如颜色、字体、效果、填充样式、笔触、边框半径,简直是一个全自茬纠错工具,更重要的是——它是态实时的,就是说,你可一边工作一边它纠错,错?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:Nick Babich 这两年文章产量比以前低了不少,不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing ...
产品设计
9月4日,Google 终于发布了Android 10的正式版本。此前的内测阶段它一直以 Android Q 的名字示人,无论是交互、使用体验的优...
Android 10
△ 亲手做的第一个本子,做了30页 △ 正方形剩下的边角料做的第二个小本子 △ 看到喜欢的布又忍不住做了一个,也改进了做...
手绘
@糖糖糖就是糖 :关于水彩,最近经常被问到有什么书籍推荐么?有什么工具推荐么?真的非常感谢大家的喜欢和信赖。终于动笔,...
手绘
最新的 Prototypr.io 的实用设计工具合集来了!这个月推荐了总计33款设计类的工具,涵盖了图库、素材合集、原型、样机、效率...
干货
网易UEDC – 马宝 : 一个漂洋过海的寿司食玩,为什么会让大人无从下手,不会使用?是语言文化地域的差异?还是设计师眼里只有...
经验分享
在业务迭代周期内,产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中,有时会出现一些拿捏不定的设...
可用性测试
作为UX从业人员,我们的工作是代表用户发声,挖掘出用户的诉求和真实想法。为了做到这一点,我们不仅必须深入了解我们的用户...
产品设计