Figma学习 | NavOS

一、Figma优势

网页登录

同步协作

分享便捷

渲染高效

二、Figma安装

下载网址：

Figma: The Collaborative Interface Design Tool

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

https://www.figma.com/

Figma: The Collaborative Interface Design Tool

支持网页端使用

支持下载至本地

现在有中文版了（2023.8.26）

这里推荐的是 Moonvy月维的Figma EX；

汉化版本，字体选择器+支持插件工具栏

figmaEX

https://moonvy.com/figmaEX/

figmaEX的介绍👇：

🍡 给 Figma 客户端添加 FigmaEX 和汉化【教程】

FigmaEX，是 Figma 的外置第三方插件，所以在插件社区里不能搜索到。需要单独安装下载地址：https://moonvy.com/figmaEX/ 【MacOS】https://moonvy.com/subpage/figmaEX/donwload-macos.html 【Window】https://m…

https://zhuanlan.zhihu.com/p/421357964

figma插件

原文链接：

20个大厂设计师常用的高效Figma插件！_彩云Sky-站酷ZCOOL

20个大厂设计师常用的高效Figma插件！,深圳UX设计师,站酷网,中国设计师互动平台.20个免费的Figma插件，能快速提升你的设计效率

https://www.zcool.com.cn/article/ZMTQ5MjkyNA==.html

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