<aside> 😑 参考来自大神Arthorn整理的文档 | 原有基础上有增删及添加了自己的一些使用想法

</aside>

<aside> 😑 **推荐程度:**推荐:🌝 |不推荐:🌚 |PS: 推荐指数仅代表个人观点 |另外上面没有的插件要么不好用,要么没用过😂

</aside>

<aside> 😑 快捷调用插件: FigmaEX(强推、插件调用快捷入口) 😑 一般常用的我会command/ctrl+?进行搜索

</aside>

<aside> 😑 投稿:点击这儿(遇到好用的可以给博主推荐一下)

</aside>

更新日志 📖

<aside> 🌝 博主自用:

</aside>


  1. Unsplash 填充图层使用
  2. Better Font Picker 搜索字体、可直接查看字形
  3. **Pitchdeck Presentation Studio**将Frame转化成演示文件(PPT、Keynote、html等等)
  4. Content Reel 填充内容(头像、人名等等信息)
  5. Autoflow 自动创建流程图的连接线(目前个人用的比较多、方便开发看)
  6. Blobs 随机生成矢量的斑点图形(挺有趣,我常用在做各种渐变的模糊背景)
  7. iconfy 调用图标(一般我是找图形用,偷懒。缺点:得英文搜)
  8. SkewDatEasometric 两个都是调整斜切角度的(经常用|前者数值自定,后者数值固定)
  9. Skale 自定义数值、倍数缩放(效果和k键缩放一样但是这个有数值)
  10. Vector Logos 做抖音有时候会找logo
  11. Mesh Gradient 生成多渐变、抽象的背景(网格渐变)

<aside> 🌝 必备插件:

</aside>


  1. Juuust Handoff 设计交付插件,自动标注可离线交付给开发(牛逼的国内大神)
  2. Remove BG 自动移除图像的背景(可以扣没有那么复杂的背景)
  3. Mockup 样机
  4. Sorter 将图层按照命名、位置等进行排序(命名可以配合系统自带的使用Command+R呼出)
  5. Chinese Uesr Data Generayor 生成中文姓名、地址等信息
  6. Detach Master 快速解除原始组件(个人觉得挺方便,配合搜索插件可以提高效率)
  7. [**Annotate it!](https://www.figma.com/community/plugin/859894273811051899/Annotate-it!)** 快速给frame标记、提醒(适合交接的时候用,提高效率)

<aside> 🤪 插画类:

</aside>

  1. Illustrations 种类挺多,免费可编辑🌝 🌝 🌝
  2. **Stories by Freepik** 免费插画资源,可编辑 🌝
  3. Iconscout 需要注册麻烦,PNG免费、SVG收费🌚
  4. **Humaaans for Figma** Humaaans不用多说了吧...哪都有它
  5. Handz 3D Illustration 小手手的3D插画,挺有意思🌝 🌝
  6. **Artify Illustrations** 需要注册,部分插画需要付费才能用🌚
  7. Crafttor 需要注册麻烦,PNG免费、SVG收费(大部分都是这个套路)🌚
  8. Blush 同上

<aside> 🤪 图标类:

</aside>

  1. Iconify figma用的人最多的图标库(免费)🌝 🌝 🌝
  2. **Icon Resizer** 快速将大小不一的 icon 调整为自定义 icon 大小和外边框(frame)
  3. **Feather Icons** 挺好
  4. icon Resizer 统一调整图标Frame的大小和里面图形的大小(感觉挺有用的)
  5. **Streamline** 图标挺多成套系,但是只能用png
  6. **Font Awesome Icons** Awesome 图标集合的非官方插件,提供整个免费矢量图标集合
  7. **Icons8** 图标集合内容丰富
  8. iconscout 图标免费可编辑,插画需要付费才能编辑
  9. Streamline 资源多的,也是付费才能编辑(有5天免费使用)

<aside> 🤪 矢量图形类:

</aside>


  1. Metaball 多个圆形之间创建拉丝、水滴融合的那种感觉
  2. SkewDat 斜切形状和文本(个人超喜欢) 🌝 🌝
  3. Easometric 便捷创建等轴测视图
  4. Geometric 制作数学图形多边形和曲线 配合 looper 很好玩
  5. Looper 用于生成迷幻的重复图形,适用于任何矢量形状或文字
  6. **Confetti** 快速生成五彩纸屑
  7. **Morph** 快速创建特殊效果,如浮雕,霓虹灯,抖音故障效果,倒影,玻璃,🆕 新增实时渐变效果🌝
  8. To Path 可以将任何图形或文字放在矢量路径上(比如:圆环字)
  9. **Blend** 该插件允许你沿着路径“复制”任何对象,如矢量图形、组等(类似 To Path 但是只能实现复制,看场景选择两个插件)
  10. **Arc** 把文本处理成弯曲的文本(类似 To Path 功能比较单一)
  11. **Easing Gradients** 制作过渡缓和(贝塞尔曲线)的渐变样式 🌝
  12. **Blobs** 随机椭圆斑点生成
  13. **Get Waves** 波浪随机生成
  14. **Wave & Сurve** 创建各种波浪和有趣的图案
  15. Hero Patterns for Figma 生成重复的条纹背景图案
  16. **Snap to Grid** 自定义网格吸附 (比如:4X4网格做图标)
  17. Fill Rule Editor 编辑矢量文字的填充规则(显示正确布尔运算)
  18. Replace Nodes 节点替换,如选定圆形把方形替换成复制的圆形节点,可以理解为图形替换插件
  19. Multiply 重复网格插件,生成矢量图形时适用 🌝
  20. **Rotate Copies** 创建任何元素的旋转副本(中心旋转、原点旋转、自定义中心点旋转)
  21. Fizzy 在一个形状 layer 中创建随机色圆点,例如爆炸效果可能用得上
  22. Dots on Vertices 在矢量线条上方便快速的在每个节点上加点,(折线图表比较常用)🌝
  23. Variable-Width Stroke 这个插件增加了对 Figma 可变宽度笔划的支持,如何使用点击查看

<aside> 🤪 内容填充类:

</aside>


  1. **Chinese Content Filling Assistant** 一款快速的填充中文的文字数据的插件,默认有39种类型,支持自定义内容
  2. Translator 快捷翻译插件,选择一个或者多个文本、frame、组等包含文本的图层,选择要翻译成的语言,使用的是 Google Translate API
  3. Chinese User Data Generator 中文用户数据生成器 (姓名\年龄\性别\手机号码\E-mail\职业\地址\省份\城市)
  4. Content Reel 填充内容(人名、头像、地址等)
  5. Google Sheets Sync 将Google表格中的内容同步到 Figma 文件中
  6. Coda for Figma 使用来自Spotify、Wikipedia 等应用的填充数据,或自定义数据。也可以与 Coda 联动填充数据。
  7. **Add numbers to texts** 轻松添加文字编号/数字/罗马数字等列表
  8. Faker 快速生成占位符文本如:名称、电子邮件、URL、标题、电话号码、日期、随机文字等
  9. Map Maker 快速制作自定义地图,支持 Google Maps 和 Mapbox
  10. Ghost UXWriter UX 常用文案 Copy 例如密码错误的提示之类的 UX 文案
  11. **Mapsicle** Mapbox地图生成,支持风格、坐标、角度、尺寸调整等

<aside> 🤪 2.5D | 3D类:

</aside>


  1. **oblique** 创建任意形状的倾斜投影(个人超喜欢、Figmist这个logo就是这样做的) 🌝 🌝 🌝
  2. Isometric 快速制作等距轴测图 🌝
  3. Ease Isometric 创建 2.5D 图形(每个面都可编辑和精细移动)🌝
  4. Roto 创建3D的一个形状,可以调整透视、厚度、角度(用的不多,不是特别会用)
  5. Vectary 3D Elements 各种各样的3D图形,可调整很多属性(角度、光源等等)也有mockup
  6. 3D transformer 操作简单,图片直接拖进去调整各种角度即可

<aside> 🤪 图片类:

</aside>


  1. Image tracer 位图转矢量(配合 Dither 非常好用)
  2. **Noise** 噪点生成器
  3. **Pixels** 把图片像素化输出矢量图 🌝
  4. **Image Editor** 使用许多不同的颜色调整和滤镜处理,可以保存和加载您自己的预设,生成后保持原有分辨率和原图图层属性 🌝
  5. **Duotones** 在图像上应用双色滤镜(比如:红黑)
  6. Dither 在 Figma 中为图像添加(RGB)抖动效果 🌝