20个大厂设计师常用的高效Figma插件!

用户头像
深圳/UX设计师/3年前/3112浏览
20个大厂设计师常用的高效Figma插件!
用户头像
彩云Sky

20个免费的Figma插件,能快速提升你的设计效率

Adobe 在官网发布消息说已经把 figma 给收购了,很多人开始担心它会不会收费,会不会像 behance 一样不给用了。老实说,Figm 被 Adobe 收购后会怎样我不知道,但今天要分享的这 20 个插件没用上,真感觉白用了。

10 年前,我做 UI 从 PS 入行,到 sketch 出现,生产效率极大提升,再到现在的 figma 成为新的主流。回头看,sketch 仿佛就是给 figma 这种产品过渡的,未来云协作工具将是趋势。


Figma 的强大,不仅仅在于协作效率,也在于它的插件生态非常好。今天这篇文章将分享 20 个 Figma 的常用插件,这些插件也是我问了公司内的很多同事使用习惯,结合我自己的发现做了一个整合。剔除了需要付费的,精选了 20 个常用且免费的插件,快速提升你的设计效率。


本文强烈推荐大家点赞收藏,更推荐大家去用用这些插件,这样才能感受插件的效率。


Figma 插件安装非常方便,只需要在这里搜插件的名字然后点击 Run 就能装好并使用了。

下面就逐一介绍这 20 个插件吧,排名不分先后,一定要看到最后哦,说不定就有你正需要的!

一、Unsplash


可以快速获取高质量的配图,并且图片是可以个人或者商业使用,无需向上传人请求许可。只是不可以拿这些图片出售或者上传到竞品平台。使用也非常简单,直接点击或拖拽都可以。


网站链接:https://www.figma.com/community/plugin/738454987945972471

二、Iconify


网站链接:https://www.figma.com/community/plugin/735098390272716381


可以通过这个插件快速找到大量的图标,你可以用它们快速做一些 demo 或者参考。

三、Content Reel


网站链接:https://www.figma.com/community/plugin/731627216655469013


可以快速替换内容,包括文本、图片、图标,还可以自己上传自己常用的各种资源库,方便针对自己项目的内容替换。

四、Figmotion


网站链接:https://www.figma.com/community/plugin/733025261168520714

可以在 figma 中做动效,还挺方便的,类似于 AE 的操作。做完之后可以导出多种视频格式。有一点需要提醒下,这个插件需要先识别到 frame,所以记得先新建一个画板再来做动画,不然会显示用不了哦。

五、Able


网站链接:https://www.figma.com/community/plugin/734693888346260052

可以快速查看颜色对比度是否符合标准。


六、Rename It


网站链接:https://www.figma.com/community/plugin/731271836271143349

在做组件库,有大量元素的时候,可以进行快速改名,很方便。主要有 3 个功能,快速命名,查找和替换,自定义快捷命名(高级操作)。


七、Viewports


网站链接:https://www.figma.com/community/plugin/732240841094697441

可以快速适配并预览到不同尺寸下的界面,并且可以看到目前全球用户不同尺寸手机的使用占比。


八、Image Palette


网站链接:https://www.figma.com/community/plugin/731841207668879837

快速对图片进行配色分析,并生成配色板,非常好用。如果你发现一张图很好看,想应用它的配色,那个这个插件就非常实用了。


九、Vectary 3D


网站链接:https://www.figma.com/community/plugin/769588393361258724/Vectary-3D

快速添加 3D 元素。不仅可以使用它内置的 3D 元素,还可以使用外部链接和自己团队制作的 3D 模型,用它作 3D 组件库非常方便了。

十、腾讯 CoDesign


网站链接:https://www.figma.com/community/plugin/936456730265868414

鹅厂出品的 figma 插件,能够方便团队进行图标、素材和文件的管理。


十一、Google Sheets Sync


网站链接:https://www.figma.com/community/plugin/735770583268406934

非常好用的内容填充插件。可以将需要填充的内容写在 google 文档里,然后一键导入并替换,包括图片,这些图片甚至只需要一些链接就可以了,非常方便。

这个插件稍微需要一点点学习成本,也给大家找了一个讲的非常好的教程演示: https://www.youtube.com/watch?v=J67CDH5XkWk&t=404s


十二、Clean Document


网站链接:https://www.figma.com/community/plugin/767379019764649932

文档清理插件,能够快速帮你把文档整理的漂漂亮亮的。它能自动帮你删除包括隐藏图层、像素自动对齐、智能命名、智能排序等等功能。

十三、GiffyCanvas


网站链接:https://www.figma.com/community/plugin/803633147991628761/GiffyCanvas

做序列帧 Gif 图非常方便,个人觉得比 PS 做序列帧图功能更强大,更方便。

十四、Redlines


网站链接:https://www.figma.com/community/plugin/781354942292031141/Redlines

在做标注规范的时候,能快速自动画红线标注,特别好用。



十五、Blush


网站链接:https://www.figma.com/community/plugin/838959511417581040

这个插画插件我很早就介绍过,《不会插画没关系,插件帮你快速搞定》那时候还是 sketch 版本,现在已经不仅有了 figma 版本,还新增了大量新的组件插画,非常实用。


十六、Morph


网站链接:https://www.figma.com/community/plugin/906950256777348534

可以通过 figma 快速制作一些视觉效果,包括高质量投影、新拟物效果、发光效果、故障效果、多彩渐变效果,一键生成还能修改,比 PS 可要快多了哦。



十七、Mapsicle


网站链接:https://www.figma.com/community/plugin/736458162635847353

一个非常好用的地图生成插件,可以修改它的很多属性得到你想要的实时地图截图,风格选择也比较多,我就特别喜欢它的暗色系地图。对于一些经常做地图相关设计的同学,这个插件你必须装上,这样就不用到处找地图风格,再截图到 figma 这么麻烦了。

十八、Autoflow


网站链接:https://www.figma.com/community/plugin/733902567457592893

对于做界面串联的需求,尤其是交互同学,这个插件非常有用。可以一键实现界面之间的连线关系。用法也非常简单,选择要链接的界面按 shift 就能自动加连线了。


十九、Blobs

网站链接:https://www.figma.com/community/plugin/739208439270091369

随机创建背景好看的背景图形,我们经常可以看到一些图案设计很好看,但我们自己在设计这些图形的时候,总觉得不是特别自然,而且还难调,曲线总是不够平滑。有了这个插件后就非常方便了,可以随机生成各种不同的图案,非常实用。彩云之前也有专门分享过好看的图案背景,《国外大神常用的图案纹理库,免费还能商用,太良心了!》这个插件居然能自动生成了。


二十、Find and Replace


网站链接:https://www.figma.com/community/plugin/735072959812183643

当界面量很大,文本内容又非常多时,用这个基础的查找和替换插件便会非常实用。可以一次性换掉项目中所有需要替换的内容,包括图层名和内容文字。

彩云花了一个下午将这些插件整理并录屏做成 gif 图方便大家选择和使用,如果你有学到,记得点赞哦。

85
举报
|
204
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
户外旅行飞机情侣假日出行
一个男生和两个女生站在网页前面打招呼矢量
四个人物分别在上网贴纸合集
新年快乐送福网页矢量图banner
网页电商背景矢量插画
男生和女生站在网页面前矢量扁平插画
网页图标
卡通风格网页页面3D渲染
商务网页
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
卡通风格网页页面3D渲染
三位美女围着网页看信息矢量插画
男生坐在网页面前办公矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
一个人拿着优惠券准备支付购物电商矢量插画
卡通女孩与网页表格3D渲染
浏览电脑网页的元素
三个青年正在装修网页矢量插画
三个青年站在网页周边矢量插画
女生坐在网页面前办公矢量插画
 网页背景
卡通风格网页页面3D渲染
卡通风格网页页面3D渲染
蓝色简约风格404错误页面
你可能喜欢
相关收藏夹
大家都在看
登录注册