不知道如何安装插件!点我
插件搜索方式:command+n 或者 点我
上传蓝湖插件
figma转sketch插件
中文字体选择器
中文数据生成器
插件栏显示
figma文件导入AE插件
Figma切图问题
<aside>
📢 大神Arthorn整理了插件的文档 | 我就是复制
</aside>
<aside>
💡 🌟代表我常用的插件 ;❤️代表跺脚推荐;💔代表用了一段时间感觉不好用
</aside>
😋基础插件
- Juuust Handoff 设计交付插件,自动标注可离线交付给开发 ❤️
- Copy & Rotate 快速创建带有组件的镜像图形,类似 sketch 旋转副本,可以实时预览 ❤️
- SmoothShadow 平滑投影 🌟
- Shadow Maker 快速创建平滑投影,快捷控制投影方向、颜色、不透明度 ❤️
- Link to Documentation 从组件中打开链接、frame、文档说明等 ❤️
- Component Utilities Component 实用工具,功能:从图层创建组件、复制组件、Replace with Component、重置 instance 大小
- Autoflow 自动绘制流程图箭头,且在插件打开状态下连线可以跟随 ❤️
- Similayer figma 全选(Select All...)增强,全选指定相同 XX 属性的图形、component instances、文本、字体等 ❤️
- Smart Cloner 复制多份 component instances 快速迭代组件 🌟
- Component Cloner 同上,一次只能复制一个 component 有闪烁 bug
- Figma Chinese Rename 帮助中国用户合理命名图层的插件 🌟
- ~~Redlines 手动标注(版本未更新现有已经很卡了)🌟~~
- Dimensions 尺寸标注
- Figma Measure 手动标注插件,大小、间距等等 🌟
- Instance Swap 快速搜索替换实例或插入实例🌟
- Skale 实时等比缩放图层,可以指定的宽、高或比例,包括所有属性(比 Scale 好用)❤️
- ~~Scale 缩放任何 frame、组、元素,可以定义的宽度或高度,类似sketch Cmd + K (skale 更好用)~~
- Pixel Perfect 像素对齐,对齐的像素是四舍五入的 🌟
- Grids Generator 动态生成可视的网格布局样式(用途:给开发或定规范时用(和 Layout Grid Visualizer 类似多了一些配置项)
- Linky 输出短链接,编辑和复制所有的Figma分享链接,可用场景管理链接,连接不同 frame 当作索引等等看你想象力了(免费无限) ❤️
- Find & Focus 一个在文档快速搜索图层的简单插件。插件将搜索到关键字的全部图层,并缩放以适应它们。它非常适合操作具有许多个 frame 的大型文件。❤️
- Convertify Figma to Sketch/XD 一键将您的设计从Figma转换并导出到Sketch或Adobe XD(BETA 只有 10 次免费的机会再就收费了把握好机会别瞎玩官网)🌟
公司logo库
- Brandfetch 可以搜到数万个市面上公司的Logo,颜色和字体,真的超级方便。国内的基本也可以搜到,前提是你必须用英文来搜索。 ❤️
🖋矢量图形处理插件
- Chart 快速生成各种图表适合 Dashboard (高级功能需付费)🌟
- Datavizer 使用 JSON&CSV 数据轻松创建柱状图、散点图、折线图 🌟
- SkewDat 斜切形状和文本 🌟
- Easometric 便捷创建等轴测视图 ❤️
- Warp Tools PS 部分功能集合,涂抹、扭曲、凸起、捏合、圆弧和自由变换(透视)工具(需要付费 $15)
- LottieFiles 导入Lottie动画,支持SVG、GIF导出🌟
- Isometric 快速制作等距轴测图(2.5D) 🌟
- Ease Isometric 轻松创建 2.5D 图形(每个面都可编辑和精细移动)❤️
- Geometric 制作数学图形多边形和曲线 配合 looper 很好玩🌟
- Looper 用于生成迷幻的重复图形,适用于任何矢量形状或文字🌟
- Confetti 快速生成五彩纸屑 🌟
- Morph 快速创建特殊效果,如浮雕,霓虹灯,抖音故障效果,倒影,玻璃,🆕 新增实时渐变效果❤️
- Metaball 多个圆形对象生成 2D-Metaball 形状 🌟
- To Path 可以将任何图形或文字放在矢量路径上(比如:圆环字)🌟
- Blend 该插件允许你沿着路径“复制”任何对象,如矢量图形、组等(类似 To Path 但是只能实现复制,看场景选择两个插件)🌟
- Arc 把文本处理成弯曲的文本(类似 To Path 功能比较单一)
- Easing Gradients 制作过渡缓和(贝塞尔曲线)的渐变样式 ❤️
- Blobs SVG 随机椭圆斑点生成器
- Get Waves SVG 波浪随机生成器
- Wave & Сurve 轻松创建各种波浪和有趣的图案
- Hero Patterns for Figma 生成重复的条纹背景图案
- Roto 创建 3D 和旋转图形(不太会用也不太好用)
- Snap to Grid 自定义网格吸附 (比如:4X4网格做图标)
- Fill Rule Editor 编辑矢量文字的填充规则(显示正确布尔运算)
- Replace Nodes 节点替换,如选定圆形把方形替换成复制的圆形节点,可以理解为图形替换插件
- Vector Logos 查找并插入矢量 LOGO ,简单简洁,省时省力 ❤️
- Better Logos 各大厂 logo 偏向国外 logo ,和 Vector Logos 类似但是不够全 ❤️
- Multiply 重复网格插件,生成矢量图形时适用 ❤️
- Rotate Copies 创建任何元素的旋转副本(中心旋转、原点旋转、自定义中心点旋转)
- Fizzy 在一个形状 layer 中创建随机色圆点,例如爆炸效果可能用得上
- oblique 创建任意形状的倾斜投影,可用于创建阴影、3D深度、视觉透视等 ❤️
- Dots on Vertices 在矢量线条上方便快速的在每个节点上加点,(折线图表比较常用)❤️
- Variable-Width Stroke 这个插件增加了对 Figma 可变宽度笔划的支持,如何使用点击查看
- ~~Simplify 简化矢量路径使曲线更平滑顺畅(不太好用)~~
⌨️内容填充类
- Chinese Content Filling Assistant 一款快速的填充中文的文字数据的插件,默认有39种类型,支持自定义内容 ❤️
- Translator 快捷翻译插件,选择一个或者多个文本、frame、组等包含文本的图层,选择要翻译成的语言,使用的是 Google Translate API ❤️
- Chinese User Data Generator 中文用户数据生成器 (姓名\年龄\性别\手机号码\E-mail\职业\地址\省份\城市) ❤️
- Content Reel 填充内容(人名、头像、地址等)🌟
- Google Sheets Sync 将Google表格中的内容同步到 Figma 文件中 🌟
- Coda for Figma 使用来自Spotify、Wikipedia 等应用的填充数据,或自定义数据。也可以与 Coda 联动填充数据。
- Add numbers to texts 轻松添加文字编号/数字/罗马数字等列表
- Faker 快速生成占位符文本如:名称、电子邮件、URL、标题、电话号码、日期、随机文字等
- Map Maker 快速制作自定义地图,支持 Google Maps 和 Mapbox 。
- Ghost UXWriter UX 常用文案 Copy 例如密码错误的提示之类的 UX 文案
- Smart Data 根据图层名称插入 JSON 文件中的数据或随机数据
- NB Table For Chinese 一款自动制作表格的中文插件。 支持导入Excel, 插件自带中文内容填充功能。
🥳图标库&插画类插件
- Iconify Material Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji 图标库(已经很全了) ❤️
- Icon Resizer 快速将大小不一的 icon 调整为自定义 icon 大小和外边框(frame)❤️
- Feather Icons 优质图标库 ❤️
- Lucide Icons 属于 Feather Icons 的分支 GitHub 地址 网页预览地址 ❤️
- Streamline 成套图标质量挺高但是免费版只提供 png 格式
Material Design Icons 图标库 Iconify 已包含此图标库
- Stories by Freepik Freepik 新作,超多免费图形资源,可以一键编辑矢量插画颜色 ❤️
- Humaaans for Figma Humaaans 免费插画库
- Iconscout 素材插件免费素材质量尚可,有图标、插图、照片等
- Font Awesome Icons Awesome 图标集合的非官方插件,提供整个免费矢量图标集合
- Icons8 图标集合内容丰富 ❤️
🛵快捷插件