<aside> 💡 🌟代表我常用的插件 ❤️代表跺脚推荐;橙色字插件:对建立 Design System 非常有帮助;黄色字插件:对接开发的设计交付插件很棒;在最下方添加了🆕更新记录

</aside>

😋基础插件

  1. Juuust Handoff 设计交付插件,自动标注可离线交付给开发 ❤️
  2. SmoothShadow 平滑投影 🌟
  3. Find and Replace 文本替换 ❤️
  4. Mixfonts 定义常用中西文字体 🌟
  5. Chroma Colors 批量创建 Color Styles ❤️
  6. Text Styles Generator 批量生成文字样式 ❤️
  7. Rename It 图层批量重命名、替换文字、图层排序、西文大小写等 ❤️
  8. Design System Organizer 快速对 Masters&Styles 重命名/复制/分组 ❤️
  9. Reattach Instance 通过搜索类似实例将框架重新链接到组件 ❤️
  10. Link to Documentation 从组件中打开链接、frame、文档说明等 ❤️
  11. Themer 快速创建和替换样式主题(从发布的样式库里替换,也就是要付费版才可以)🌟
  12. Master 自动按重复样式的样式创建 Master 组件(需付费)🌟
  13. Component Utilities Component 实用工具,功能:从图层创建组件、复制组件、Replace with Component、重置 instance 大小
  14. Autoflow 自动绘制流程图箭头🌟
  15. Similayer figma 全选(Select All...)增强,全选指定相同 XX 属性的图形、component instances、文本、字体等 ❤️
  16. Smart Cloner 复制多份 component instances 快速迭代组件 🌟
  17. Component Cloner 同上,一次只能复制一个 component 有闪烁 bug
  18. Figma Chinese Rename 帮助中国用户合理命名图层的插件 🌟
  19. Redlines 手动标注(如果和开发聊不明白那就...)🌟
  20. Instance Swap 快速搜索替换实例或插入实例🌟
  21. Scale 缩放任何 frame、组、元素,可以定义的宽度或高度,类似sketch Cmd + K 🌟
  22. Pixel Perfect 像素对齐,对齐的像素是四舍五入的 🌟
  23. Grids Generator 动态生成可视的网格布局样式(用途:给开发或定规范时用(和 Layout Grid Visualizer 类似多了一些配置项)
  24. Linky 输出短链接,编辑和复制所有的Figma分享链接,可用场景管理链接,连接不同 frame 当作索引等等看你想象力了(免费无限) ❤️
  25. Find & Focus 一个在文档快速搜索图层的简单插件。插件将搜索到关键字的全部图层,并缩放以适应它们。它非常适合操作具有许多个 frame 的大型文件。❤️
  26. Convertify Figma to Sketch/XD 一键将您的设计从Figma转换并导出到Sketch或Adobe XD(BETA 只有 10 次免费的机会再就收费了把握好机会别瞎玩官网)🌟

🖋矢量图形处理插件

  1. Chart 快速生成各种图表适合 Dashboard (高级功能需付费)🌟
  2. SkewDat 斜切形状和文本 🌟
  3. LottieFiles 导入Lottie动画,支持SVG、GIF导出🌟
  4. Isometric 快速制作等距轴测图 🌟
  5. Geometric 制作数学图形多边形和曲线 配合 looper 很好玩🌟
  6. Looper 用于生成迷幻的重复图形,适用于任何矢量形状或文字🌟
  7. Confetti 快速生成五彩纸屑 🌟
  8. Metaball 多个圆形对象生成 2D-Metaball 形状 🌟
  9. To Path 可以将任何图形或文字放在矢量路径上(比如:圆环字)🌟
  10. Blend 该插件允许你沿着路径“复制”任何对象,如矢量图形、组等(类似 To Path 但是只能实现复制,看场景选择两个插件)🌟
  11. Arc 把文本处理成弯曲的文本(类似 To Path 功能比较单一)
  12. Blobs SVG 随机椭圆斑点生成器
  13. Get Waves SVG 波浪随机生成器
  14. Wave & Сurve 轻松创建各种波浪和有趣的图案
  15. Hero Patterns for Figma 生成重复的条纹背景图案
  16. Roto 创建 3D 和旋转图形(不太会用也不太好用)
  17. Snap to Grid 自定义网格吸附 (比如:4X4网格做图标)
  18. Fill Rule Editor 编辑矢量文字的填充规则(显示正确布尔运算)
  19. Replace Nodes 节点替换,如选定圆形把方形替换成复制的圆形节点,可以理解为图形替换插件

⌨️内容填充类

  1. Content Reel 填充内容(人名、头像、地址等)🌟
  2. Google Sheets Sync 将Google表格中的内容同步到 Figma 文件中 🌟
  3. Coda for Figma 使用来自Spotify、Wikipedia 等应用的填充数据,或自定义数据。也可以与 Coda 联动填充数据。
  4. Add numbers to texts 轻松添加文字编号/数字/罗马数字等列表
  5. Faker 快速生成占位符文本如:名称、电子邮件、URL、标题、电话号码、日期、随机文字等
  6. Chinese User Data Generator 中文用户数据生成器 (姓名\年龄\性别\手机号码\E-mail\职业\地址\省份\城市)
  7. Map Maker 快速制作自定义地图,支持 Google Maps 和 Mapbox 。

🥳图标库&插画类插件

  1. Iconify Material Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji 图标库(已经很全了) ❤️
  2. Feather Icons 优质图标库 ❤️
  3. Streamline 成套图标质量挺高但是免费版只提供 png 格式
  4. Material Design Icons 图标库 Iconify 已包含此图标库
  5. Stories by Freepik Freepik 新作,超多免费图形资源,可以一键编辑矢量插画颜色 ❤️
  6. Humaaans for Figma Humaaans 免费插画库
  7. Iconscout 素材插件免费素材质量尚可,有图标、插图、照片等
  8. Font Awesome Icons Awesome 图标集合的非官方插件,提供整个免费矢量图标集合

🌁图片处理插件

  1. Image tracer “单色”位图转矢量图(配合 Dither 非常好用)🌟
  2. Noise 噪点生成器 🌟
  3. Pixels 把图片矢量像素化🌟❤️
  4. Duotones 在图像上应用双色滤镜(比如:红黑)🌟
  5. Dither 在 Figma 中为图像添加(RGB)抖动效果
  6. BeatFlyer Lite 处理图片动态特效,模糊、闪烁等
  7. Halftones 色彩半调(黑&彩色)
  8. Insert Big Image 导入大图片(原理是宽高超过 4096 px 分割)
  9. Movie Posters 随机添加一个流行电影或电视剧的海报(我从未加载出图来可能是代理问题)
  10. Dominant Color Toolkit 从图像照片中提取一个色值,神奇的填充到选定对象,或直接运行插件获得一个调色板 ❤️
  11. Image Palette 从选定的图像中提取 5 种不同颜色的调色板插件🌟

🤯奇思妙想



<aside> 💡 我做这个推荐插件的目的,本质上只是我用来记录自己记不住插件的文档,但是每天一点就多了起来,所以共享出来给一些新玩家参考,但是我对插件的描述很简单以至于查看的人只能大概瞄上一眼,有些描述可能词不达意那就只能抱歉了,毕竟只是给我自己看的完全不考虑用户体验,现在做插件推荐的网站也挺多我就不费那个劲儿了,所以想要理解插件的作用还是要自己用一用试一试,以上插件仅供参考,希望各位玩的开心~

</aside>

更新记录

部分插件参考 @tovi & **Figma 群内分享**

鸣谢