上周四,Adobe 宣布在官网上已收购 figma,大家纷纷担忧它会不会收费,甚至像 behance 一样限制使用。说实话,Figm 被 Adobe 接手后的未来我无法预见,但今天要分享的这 20 个插件如果你没用过,那真的是大材小用了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/372ed813-77b1-4ecd-af99-4f59bfcd6964.jpg)
十年前,我通过 PS 进入 UI 行业,后来 Sketch 出现,大大提高了生产效率,而现在 Figma 已成为新的主流。回头看来,Sketch 似乎只是一个过渡工具,为 Figma 这种产品铺路。未来,云协作工具必将大行其道。
Figma 的强大不仅在于协作效率,也源于其出色的插件生态系统。今天这篇文章将分享 20 个常用的 Figma 插件,这些插件是我与许多公司同事询问后结合我个人使用经验整合出来的。剔除了需要付费的,只精选了 20 个常用且免费的插件,助你快速提升设计效率。
本文强烈建议大家点赞收藏,更推荐你实际使用这些插件,这样才能真正体验其高效。
Figma 插件安装非常简便,只需在这里搜插件名字,然后点击 Run 即可安装并使用。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e7e4f586-5932-4e86-b3da-72dc81a6c356.jpg)
接下来就逐一介绍这些插件吧,排名不分先后,请务必看到最后哦,也许你正需要其中的某个插件!
一、Upsplash
网站链接:https://www.figma.com/community/plugin/738454987945972471
该插件可以快速获取高质量的图片,可以个人或商业使用,无需申请许可。不过,这些图片不可出售或上传至竞品平台。使用方法也非常简单,只需点击或拖拽即可。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4e1b2d3e-a105-4f43-a3ee-4aca9933127c.jpg)
二、Iconify
网站链接:https://www.figma.com/community/plugin/735098390272716381
你可以通过这个插件快速找到大量图标,用于快速制作一些 demo 或者参考。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3a744ae8-34a4-455d-8bbe-6f9d04897fa5.jpg)
三、Content Reel
网站链接:https://www.figma.com/community/plugin/731627216655469013
该插件可以快速替换内容,包括文本、图片、图标,并且可以自定义上传资源库,方便针对项目内容进行替换。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7362ed59-4d6a-4f1f-9869-0ac3b5996ed6.jpg)
四、Figmotion
网站链接:https://www.figma.com/community/plugin/733025261168520714
可以在 figma 中制作动效,使用起来很方便,类似于 AE 的操作流程。制作完成后可以导出多种视频格式,但需要先在画板上创建一个 frame,否则插件无法识别。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7629c7fc-1d42-44c5-b54b-0c1dad000ecb.jpg)
五、Able
网站链接:https://www.figma.com/community/plugin/734693888346260052
这个插件可以快速查看颜色对比度是否符合标准,非常实用。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2f349c9c-e890-438d-91ab-284af90f7a44.jpg)
六、Rename It
网站链接:https://www.figma.com/community/plugin/731271836271143349
在制作组件库或处理大量元素时,这个插件可以快速改名,非常便捷。主要有 3 个功能:快速命名、查找和替换、自定义快捷命名(高级别操作)。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6bc8c82c-64ef-4374-b01b-4e41221ffc1d.jpg)
七、Viewports
网站链接:https://www.figma.com/community/plugin/732240841094697441
这个插件能快速适配并预览不同尺寸下的界面,还能看到全球用户不同尺寸手机的使用比例。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/cc6e5210-c3f4-42bb-8fe5-84a08b798207.jpg)
八、Image Palette
网站链接:https://www.figma.com/community/plugin/731841207668879837
这种插件能够快速分析图片配色,并生成配色板。如果你发现一张好看的图片并想应用其配色,这个插件简直神器。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/933bcf01-ce65-4f7a-9e74-b5c1210b6701.jpg)
九、Vectary 3D
网站链接:https://www.figma.com/community/plugin/769588393361258724/Vectary-3D
该插件能快速添加 3D 元素,不仅可以使用内置资源,还支持外部链接和团队自制 3D 模型,创建 3D 组件库变得无比便捷。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9b522b1c-cb68-40ff-bff5-f5eb2ba911c0.jpg)
十、腾讯 CoDesign
网站链接:https://www.figma.com/community/plugin/936456730265868414
这是一款由鹅厂出品的 figma 插件,方便团队管理图标、素材以及文件。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/816399d8-7d6c-441b-83a4-fb3aa4874aff.jpg)
十一、Google Sheets Sync
网站链接:https://www.figma.com/community/plugin/735770583268406934
这是一款非常好用的内容填充插件。你可以在 Google 文档中写好需要填充的内容,然后一键导入替换,包括图片,即使图片只有链接也行,非常便捷。
此插件稍需学习成本,我还找了一个非常好的示范教程供大家参考:https://www.youtube.com/watch?v=J67CDH5XkWk&t=404s
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4d49fc38-4379-4971-8aed-6b64981b7e08.jpg)
十二、Clean Document
网站链接:https://www.figma.com/community/plugin/767379019764649932
这个文档清理插件能快速帮你整理文档,使其井井有条。功能包括自动删除隐藏图层、像素自动对齐、智能命名和排序等。
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/20-ge-da-chang-she-ji-shi-chang-yong-de-gao-xiao-Figma-cha-jian-mian-fei-yi-yong.html
评论列表(196条)
测试