互动
最近评论
正在加载中...
博客快捷键
shift
K
关闭快捷键功能
shift
A
打开中控台
shift
M
播放/暂停音乐
shift
D
深色/浅色显示模式
shift
S
站内搜索
shift
R
随机访问
shift
H
返回首页
shift
L
友链页面

Figma插件

基础插件

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

矢量图形处理插件

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

内容填充类

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

图标库&插画类插件

Iconify
Iconify
Material Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji 图标库(已经很全了)
Feather Icons
Feather Icons
优质图标库
暂未找到
Streamline
Streamline
成套图标质量挺高但是免费版只提供 png 格式
Material Design Icons
Material Design Icons
图标库 [Iconify](https://www.figma.com/community/plugin/735098390272716381/Iconify) 已包含此图标库
暂未找到
Stories by Freepik
Stories by Freepik
Freepik 新作,超多免费图形资源,可以一键编辑矢量插画颜色
Humaaans for Figma
Humaaans for Figma
Humaaans 免费插画库
Iconscout
Iconscout
素材插件免费素材质量尚可,有图标、插图、照片等
Font Awesome Icons
Font Awesome Icons
Awesome 图标集合的非官方插件,提供整个免费矢量图标集合

图片处理插件

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

文本插件

Better Font Picker
Better Font Picker
快速字体选择器(figma 的字体选择器不好用)
Truncate
Truncate
按设定文字数,截取文本长度,并且在文本开头或结尾加省略号
Truncate Lines
Truncate Lines
截取在设计中出现的文本块行数以及自动加省略号
暂未找到
Retextifier
Retextifier
批量修改文本
zebra
zebra
轻量级的色彩对比检查器
A11y - Color Contrast Checker
A11y - Color Contrast Checker
遵守WCAG(Web内容可访问性准则)标准检查色彩对比度,确保用户可以正常查看你的文本
Font Fascia
Font Fascia
列出文档中使用的所有字体字族和样式并且能定位到图层
Font Scale
Font Scale
按可选规则生成和谐的字体规范(快速生成字体规范)
Font Replacer
Font Replacer
字体替换器,轻松替换字族和字体样式
暂未找到
Golden Line
Golden Line
利用黄金比例根据内容的宽度和文本的大小调整文本行高为黄金分割率:1.6180(好像没啥用)
暂未找到
namespaces
namespaces
自动格式化页面名称 frames、components、layers 等。例:原 text abc.abab 改 text-abc-abab(可选自动格式的类型)

奇思妙想

Figma Chat
Figma Chat
这个插件可以帮助你在文件中与他人进行交互,实现了一个简单的聊天功能,可以发送文本和当前帧或其他元素的选择。只需选择您想要发送给其他人的元素并勾选复选框。
DPI 2 Pixels
DPI 2 Pixels
DPI 转算为像素,用于印刷文件时计算尺寸

Mockup 类插件

Clay Mockups 3D
Clay Mockups 3D
创建粘土风格 3D mockup 可以选择模型、设置角度、改变设备颜色
暂未找到
Mockup
Mockup
Angle Mockups :https://www.figma.com/community/plugin/778645840235495725/Angle-Mockups都是把画板界面应用到透视的Mockup (更推荐Mockup比较简洁)
Artboard Studio Mockups
Artboard Studio Mockups
非常多样的的 Mockup 素材,不限于电子产品各种各样的类别都有比如书本、植物、饮料、化妆品等等

快捷插件

Copy waste more
Copy waste more
复制样式粘贴宽、高、位置、大小、图层名字其中某一项属性
Viewports
Viewports
“桌面端”或”移动端“显示尺寸的市场份额
暂未找到
Clean Document
Clean Document
自动组织和清理您的 Figma 文档 -删除隐藏层-取消单层分组-智能排序-智能重命名图层-页面排序
Time Machine
Time Machine
自动备份当前选中的画板(frame)到新的 page
QR Code Generator
QR Code Generator
“QR码生成器” 帮助您快速创建矢量QR码
Todo
Todo
协作类型的插件,可以编辑同步 To do list 用不用看习惯吧
Responsify
Responsify
生成所选 frame 的各个屏幕尺寸大小的效果以便快速测试各个屏幕大小下设计是否合理
暂未找到
Component Page
Component Page
自动添加单独的页面存放 Component 类似 sketch 的symbol 逻辑
暂未找到
Status Annotations
Status Annotations
进度标签,含有设计-审核-通过-开发-完成-存档
figma-icon-automation
figma-icon-automation
它可以帮助您将图标的SVG代码转换为React组件代码并发布到NPM (找开发协助一起协同搞很方便)
Show + Tell
Show + Tell
在 figma 中创建演示文稿
暂未找到
Flatten Selection to Bitmap
Flatten Selection to Bitmap
以高分辨率(2、3、4、8、10倍)栅格化所选图层。为了解决Figma中图层只能在1x分辨率下进行栅格化的限制 (常用\*N)
Copypasta
Copypasta
可以把 frame 中的元素,按绝对位置同时复制到多个 frame 中(例:加水印)
Copy paste position size
Copy paste position size
轻松在对象之间复制和粘贴宽度,高度,x和y值

布局&网格类型

Dot Grid
Dot Grid
网格工具 (figma 按理说原生就有的)
Mansory Grid Layout Organizer
Mansory Grid Layout Organizer
快速组织网格图层,整理 (Feed流) 图片方便
Spacing Manager
Spacing Manager
实现 Auto layout 不通间距 Spacings 控件
Ratio
Ratio
快速调整元素比例 (做图片比例设计时很方便)
Frame Resizer
Frame Resizer
从锚点调整 frame 大小,而无需调整子图层的大小和更改约束,常用尺寸可以存为预设
AutoGrid
AutoGrid
Figma 自动网格,自定义行、列、间距
Layout Grid Visualizer
Layout Grid Visualizer
布局网格可视化工具(用于导出布局展示)
Custom Frame Presets
Custom Frame Presets
可创建自定义可复用的 frame(画板)可以去 这里获取预设密钥

Color 插件

Match fills to local styles
Match fills to local styles
匹配近似样式填充到本地样式(举例:本地里有正红色,选择粉红色图层运行插件就会填充为本地样式里的正红色)
Color Kit
Color Kit
生成一组指定颜色的深浅色阶
CoolHue - Gradient Color Palette
CoolHue - Gradient Color Palette
渐变色板
Color import
Color import
粘贴色值代码轻松导入 figma 生成调色板
Brands Colors
Brands Colors
品牌颜色集合,包括 Facebook、Twitter、Instagram 等在内的650多个品牌的主色
暂未找到

导出图片插件

Android Resources Export
Android Resources Export
以安卓文件夹结构快速输出 点9图 / PNG
PWA Icon App Exports
PWA Icon App Exports
快速导出不同尺寸的 PWA 应用图标
icns/ico Generator
icns/ico Generator
导出 icns&ico 格式的图片
TinyImage Compressor
TinyImage Compressor
导出时压缩 JPG, PNG, SVG, WebP, GIF, PDF 使用教程 (现已收费可用 TinyPNG4Mac 代替)

评论
✅ 你无需删除空行,直接评论以获取最佳展示效果
引用到评论