Figma 10 个必装插件：Unsplash / Iconify / Auto Layout / Content Reel / Stark / Figmotion / Anima / Iconscout / Looper / Design Lint，覆盖设计协作全流程。
Figma 插件推荐 10 个：UI 设计师必装
Figma 插件生态是设计工具里最丰富的。10 个必装插件覆盖设计、协作、效率、输出全流程。装完这几个，Figma 用起来如虎添翼。
一、为什么需要 Figma 插件
Figma 原生功能虽然强，但**只装原版 Figma 是不够的**：
- 设计效率：手动对齐 100 个元素 vs 插件 1 秒搞定
- 素材管理：手动导入图标 vs 插件在线搜索
- 协作能力：原始文件 + 插件 = 团队规范统一
- 代码对接：手动标注 vs 插件自动生成
10 个插件覆盖 80% 场景。
二、10 个必装插件详解
### 1. Unsplash
- 用途：免费高质量图片
- 来源：Unsplash 官方图库
- 安装：搜索 Unsplash
- 使用：右侧面板直接搜图插入
### 2. Iconify
- 用途：图标库聚合（10 万+ 图标）
- 来源：Iconify 平台
- 安装：搜索 Iconify
- 使用：选图标 → 拖到画布
- 支持：Material / FontAwesome / Tabler 等 100+ 图标库
### 3. Auto Layout
- 用途：自动布局
- 来源：Figma 官方
- 安装：内置
- 使用：选中元素 → 添加 Auto Layout → 自动排列
- 适合：按钮 / 卡片 / 列表
### 4. Content Reel
- 用途：填充真实数据
- 来源：Figma Community
- 安装：搜索 Content Reel
- 使用：选中文本 → 选数据类型 → 自动填充
- 数据类型：姓名 / 邮箱 / 地址 / 日期 / 价格
### 5. Stark
- 用途：颜色无障碍检查
- 来源：Stark 团队
- 安装：搜索 Stark
- 功能：
- 对比度检查（WCAG 标准）
- 色盲模拟
- 颜色推荐
- 必装原因：设计稿合规必备
### 6. Figmotion
- 用途：动效制作
- 来源：Figmotion 团队
- 安装：搜索 Figmotion
- 功能：
- 关键帧动画
- 缓动函数
- 预览播放
- 适合：交互动效 / 微动效
### 7. Anima
- 用途：代码导出（React / Vue / HTML）
- 来源：Anima 团队
- 安装：搜索 Anima
- 功能：
- Figma → React 代码
- Figma → HTML/CSS
- Figma → Vue 代码
- 响应式布局
- 适合：前端对接
### 8. Iconscout
- 用途：矢量图标 + 插画
- 来源：Iconscout 平台
- 安装：搜索 Iconscout
- 资源：300 万+ 图标 + 100 万+ 插画
- 适合：图标设计 / 插画素材
### 9. Looper
- 用途：循环图形制作
- 来源：Looper 团队
- 安装：搜索 Looper
- 功能：
- 自动循环排列
- 间距控制
- 旋转角度
- 适合：循环装饰 / 重复元素
### 10. Design Lint
- 用途：设计规范检查
- 来源：Design Lint 团队
- 安装：搜索 Design Lint
- 功能：
- 颜色一致性
- 字体一致性
- 间距一致性
- 自动报错
- 适合：团队协作
三、插件安装技巧
### 批量安装
设计团队推荐批量安装 10 个插件，统一设计环境。
### 权限管理
团队版 Figma 可以：
- 团队管理员统一装
- 锁定版本
- 推荐 / 禁用插件
### 性能影响
装太多插件会拖慢 Figma：
- < 10 个：无影响
- 10-20 个：轻微影响
- > 20 个：明显变慢
建议：常用 10 个 + 偶尔用 1-2 个 = 12 个左右。
四、3 个避坑提醒
### 坑 1：装太多插件
新手最容易犯的错：看到好用就装，结果 Figma 变卡。
建议：先装 10 个必装，需要时再加。
### 坑 2：忽略插件更新
插件作者会持续更新（新功能 + bug fix），但不自动更新。
建议：每月检查一次插件更新。
### 坑 3：付费插件不试用就买
很多插件是付费的，**先试用再买**：
- 免费试用：3-14 天
- 退款政策：30 天无理由
五、团队协作推荐
### 设计规范插件
- **Design Tokens**：同步设计变量到代码
- **Figma Tokens**：跨文件同步设计变量
- **Themer**：快速换主题
### 交付插件
- **Anima**：Figma → React 代码
- **Figma to Code**：Figma → HTML/CSS
- **Locofy**：Figma → React Native
### 协作插件
- **Figma Slides**：快速做 PPT
- **FigJam**：团队白板
- **Miro**：跨工具协作
六、附件包说明
附件包内含：
- **10 个插件安装指南**（步骤 + 配置 + 截图）
- **Figma 团队管理 SOP**（插件部署 + 权限管理）
- **插件性能优化指南**（10 个 vs 30 个的性能对比）
- **3 个真实设计师插件配置**（腾讯 / 阿里 / 字节内部插件清单）
- **Figma 快捷键大全**（200+ 快捷键）
- **设计规范检查清单**（颜色 / 字体 / 间距 / 命名）
七、写在最后
Figma 插件生态丰富，10 个必装插件够覆盖 80% 场景。装得对不如装得精，先把必装 10 个玩透，再按需扩展。
跟着这 10 个装，1-2 周就能变成 Figma 高手。
