在世界范围内,Figma 已经为主流的原型和数字设计软件而存在,和 Adobe XD 和 Sketch 相比,Figma 为在工具,有着更强的时协同功能。出的用户界面和走心的互设计让 Figma 逐渐成为主流,而超高的迭代速度让 Figma 开始俘获越来越设计师的心。
不过 Figma 缺陷也明显,那是缺少第三插件。许多从其他平台迁移过来设计师于这有所诟病,而 Figma 本身也在试图解决这个问题,完善提升插件生态。
在 2019 年 8 月,经过数周的 Beta 测试之后, Figma 终于在系统中启插件。根据 Figma 的开发者透露,早在2年前他们就已经开始了这一工作,过为了确保插件的平稳使,他们一直在修改功,善 API。
插件来善 Figma 的功和体验,无疑是非简单直观的逻辑,按需,对于优 Figma 本身缺乏的功和务,将会带来巨大的捷,如自行重复性的量操作,这些都是插件可供的。
截至目前,Figma 当中已经有超过 400 款插件,并且乎每都有心的插件加入进来。这些插件并非是 Figma 官方人员开发,而是像你一的普通用户或者开发者提供的,如果你想开发插件,整个 Figma 社都会在后面支持你。
不过,目前来,虽然 Figma 软件本身有多性已经超过了 Sketch ,但是在插件生上,依然有多西要向 Sketch 来学习的。并且值得一提的是,Figma 插件不允许插件以实模式更改数据并返还系统,这个限制极大的削弱了插件的功能和可能性。
如果 Sketch 用户,迁移到 Figma ,不妨看看这篇指南:
想从Sketch 切换到 Figma?送你一份详细的过渡指南!
阅读文章
尽缺陷,但 Figma 插件依然能够极的强化设师的操作空间,下面,我们一起看 Setproduct 团队优选的 17 高素质插件吧。
Coda for Figma 是一款能够和 Coda 进行动的插件,触这个插件,你可以调用来 Spotify、Wikipedia、Dropbox、Gmail、Google Calender、Jira、Shopify 还有 Github 的数据,用这些数据来填充布局。这个插件其实挺新的,而且社内越来越多的人开始于使用它。值得尝哦~
LilGid 实性极强,这是一款够帮你整界面的插件,并且你可通过自定义组织样式。在需要整大量的设计容如按钮和图标的时候,这款插件非有。
LilGrid 本身并不会修改计素,但是能帮你在画布上更整齐、有条理逻辑地排列,绝对是迫症的福音。
看名字就知道,这是一个处表单的插件。对于需要将 Excel 表格中容传输到 Figma 的设计师而言,表格的样式管绝对是个难点,那么这个时候,你需要 Table Paste 。
你可以简的先创建一行表格,然后添加文本字段,生成组件。在你计好的表格组件当中,再粘贴来 Excel 的表内容,就行了。在这个过程中,表的式你可以事先定义好。
对于需数据呈的设,这款插件可以非常用了。
当你在使用计系统来进行计的候,你可能需要针对定组件的不同状、式进行管理,它的命名方式甚至都有讲究,便于你后续的查找检索和修正,所以它的组织方式可能是这的:「按钮/按钮大/按钮状/默认」
这款插件就非常于以这样的方式整理元素控件的样式,也可以针对这些组件行分组、移动、重命(批)。
对设计系统中的元素和空间的样式管理,款插件能够对官方的功能进行补完,果你要进行相对复样的系统化的设计,么最试试款插件。
看的错,这一款付费的 Figma 插件,但它付费也付费的价:这款 Figma 仪表盘UI Kit 的插件涵盖了精挑选的功 UI 组件,包含一堆行了响应式配的组件,能够帮加速应用程序的发。
套插件中包含 550 个完整的设计项目,48 款系统化的模板,1000 款素质极高的图标,每个组件包含标准模式和深模式,有条,物有所值!
这款插件自于 Must App 的发者,这对于创建影视相关的设的同学言,非凡的价。
款插件的主要功能是生成报,它随机地选取电影和电视节目中的图像或者报甚至矢量元素,超快超省心。
如果设的时候,喜欢用网格的话,那么这款能够帮网格的插件就的了。
当,你所预料的,你以非常轻松地定义网的宽度、高度、大小、间距、颜等属,同时,它还能够漂亮细致,满你对优质插件的期待。
这款插件非常简单,无需离 Figma 就可以创建 GIF 图,宣召创建的 GIF 图,设置文件参数(时间,宽度,高度)然后预览,看了问题之后,就可以下载了。这款插件对 Figma 本身功能的一重补完,省去再去打其他的应用去制作 Gif 图。
最开始 BeatFlyer Lite 是一款完全第三方的工,不过现在它可以作为插件直内嵌 Figma 当中了!你只需要快速点击下,就能够生成动画,输出令人印象印象深刻的动画效果!虽然 Figma 当中有类似的功能,但是并没有 BeatFlyer Lite 这大,所以一定要。
许你已经厌倦了那些就生成整套配色方案,但是更深入的细节功又没有的配色工具?这来个细致的:Color Kit。这款工具是专门帮你制作需颜色的深浅色阶的,当你需要制作色彩渐变,或者基于某个色调来制作富有层次的设计的时候,它就发挥作了。
另外,如果你是第三方配色工 Eva Design System 的用户的话,就更好了,因为它的功能和体验之类似,你可以无需离开 Figma 就完成相关的操作,习惯和体验都无缝衔过来。
如果你是 Material Design 的爱好者,那么这款 Material Design 配色方案生成工具,就是专门为你准备的。这套工具是基于 Material Design 来制作的,你可查询,直接通过这则个插件来查合适的配色。
在使用过程中,它会同生成三套配色方案,别是 Material 配色,色和纯色三种,体你可以尝一下。在 Material Design 中,这种配色思路非常不错,但是不同颜色之间的搭配可能不够离线,不够续,希望后续有所改进。
做设计有的时候,并是一直着一个方向来做的。如果你有现成的保真模,那么借此来设计 UI 样机是非方的。可是如果你的设计还够善,还想继续调整户体验,那么你可借助 Wire Box 可将保真模重逆向转换为低保真的线框图,继续进行修整~
当,帮你生成渐变的工具有很种,而 Webgradients 个插件就是其中最值得尝试的一个——它以帮你出效果非常出众的渐变效果。在款插件当中,它不仅能够生成渐变,而且能够收藏、管理不同的渐变效果,极大地节省你做设计的时间。
LottieFiles 新加入 Figma 平台的插件之一,仅仅线 5 天就被超过 1000 用户下载安装,并且很跻身榜。如同它字所暗示的,这一关于著动画具 Lottie 的插件,借它,可以将千万的免费 Lottie 动画作 GIF 或者 SVG 插入到的设当中,可以非常非常给力了。
这也是一款实用性极的 Figma 插件,TinyImage 能够帮你压缩图片——能够比 Figma 本身导出的图片要 90%。这款插件还有多有趣的功能,比如支持透 PNG 和渐进式的 JPEG 格式优化,它能够在你使用过程中,记住你的置,并且在导出多个图像的候,动帮你包成为 ZIP 格式压缩包,非常良心。
在将你的设计交给开发之前,你是一定要确保整个设计上是一致的,而这个超的免插件,够检查你的原或者视觉稿当中,是否存在一致的地方,如颜色、字体、效果、填充样式、笔触、边框半径,简直是一个全自茬纠错工具,更重要的是——它是态实时的,就是说,你可一边工作一边它纠错,错?