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

尽管有缺陷,但是 Figma 插件依然能够极大的强化设计师的操作空间,下面,我们一起来看 Setproduct 团队优选的 17 个高素质插件吧。

1、Coda for Figma

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

2、LilGrid

LilGid 实用性也极强,这是一款能够帮你整理界面的插件,并且你可以通过自定义组织样式。在需要整理大量的设计内容比如按钮和图标的时候,这款插件非常有用。

LilGrid 本身并不会修改设计元素,但是能帮你在画布上更整齐、富有条理逻辑地排列他们,绝对是强迫症的福音。

3、Table Paste

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

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

对于需要数据呈现的设计,这款插件可以说非常有用了。

4、Design System Organizer

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

这款插件就非常有助于你来以这样的方式来整理元素和控件的样式,也可以针对这些组件进行分组、移动、重命名(批量)等等。

对于设计系统中的元素和空间的样式管理,这款插件能够对官方的功能进行补完,如果你要进行相对复杂多样的系统化的设计,那么最好试试这款插件。

5、Figma Dashboard UI kit

你看的没错,这是一款付费的 Figma 插件,但是它付费也有付费的价值:这款名为 Figma 仪表盘UI Kit 的插件涵盖了精心挑选的最成功 UI 组件,包含一堆进行了响应式适配的组件,能够帮你加速应用程序的开发。

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

6、Movie Posters

这款插件来自于 Must App 的开发者,这对于想要创建影视相关的设计的同学而言,有着非凡的价值。

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

7、Dot Grid

如果你在设计的时候,喜欢用网格的话,那么这款能够帮你生成网格的插件就是你的菜了。

当然,如你所预料的,你可以非常轻松地定义网格的宽度、高度、大小、间距、颜色等属性,同时,它还能足够漂亮细致,满足你对于优质插件的期待。

8、GiffyCanvas

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

9、BeatFlyer Lite

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

10、Color Kit

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

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

11、Material Palette

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

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

12、Wire Box

做设计有的时候,并不是一直沿着一个方向来做的。如果你有现成的高保真模型,那么借此来设计 UI 样机是非常方便的。可是如果你的设计还不够完善,还想继续调整用户体验,那么你可以借助 Wire Box 可以将高保真模型重新逆向转换为低保真的线框图,继续进行修整~

13、Vector Maps

这个插件的作用也很强大,可以帮你将特定国家和城市的地图下载到 Figma 当中来使用,而操作的时候,只需要搜索城市的名称即可。这些地图也都是矢量的,它们将会作为单独的一个图层来使用。

14、Webgradients

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

15、LottieFiles

LottieFiles 是最新加入 Figma 平台的插件之一,仅仅上线 5 天就被超过 1000 名用户下载安装,并且很快跻身热评榜。正如同它名字所暗示的,这是一个关于著名动画工具 Lottie 的插件,借助它,你可以将成千上万的免费 Lottie 动画作为 GIF 或者 SVG 插入到你的设计当中,可以说非常非常给力了。

16、TinyImage Compressor

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

17、Design Lint

在将你的设计提交给开发之前,你是一定要确保整个设计上是一致的,而这个超赞的免费插件,能够检查你的原型或者视觉稿当中,是否存在不一致的地方,比如颜色、字体、效果、填充样式、笔触、边框半径,简直是一个全自动找茬纠错工具,更重要的是——它是动态实时的,也就是说,你可以一边工作一边用它纠错,不错吧?

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342