NOTE // 65
figma必备插件
给你按工作流分类整理一份，都是 2026 年这个时间点仍在活跃维护、实战中确实能省时间的插件，不是那种装了一次就吃灰的：
AI 辅助生成（最大的效率杠杆）
- UX Pilot — 文字 prompt 生成可编辑的高保真界面/线框图，整套用户流程都能一次出，国内做 B 端后台尤其爽
- Magician — 老牌 AI 插件，生成 UX 文案、图标、占位图都靠它，早期 ideation 阶段填空神器
- Musho / Relume — 营销页/落地页方向，从 sitemap 直接出整页布局
- Builder.io — 设计转 React/Vue/HTML 代码，前端协作场景下省一大半交付时间
设计系统 & 一致性
- Design Tokens (W3C 规范的那个) — 把 Figma variables 导出成符合 W3C Design Tokens 标准的 JSON，跟代码端打通
- Styler — 批量整理 color/text/effect styles，清理重复样式
- Design Lint — 检测脱离设计系统的"野"颜色、字号、间距，做规范审查必备
- Variables Importer — 批量导入/管理 variables，做主题切换不再手动
- Design System Hub — 内置 Google / Apple / Microsoft 等成熟设计系统的组件可参考
素材资源
- Iconify — 200+ 图标库（Material、Phosphor、Tabler 等）一站式搜索，比 Iconscout 更轻
- Unsplash / Pexels — 免版权图片直接拖入
- Blush — 可定制插画，按风格、色调调整，比硬塞模板灵活
- Logo Hunter — 海量品牌 logo，做 mockup 和竞品参考时很省事
- Remove BG — AI 抠图
自动化效率工具
- Autoflow — 在 frame 之间自动画连接线，画用户流图速度翻倍
- Content Reel / Google Sheets Sync — 用真实数据填充设计，长列表、Dashboard 必备
- Table Creator / Table Paste — 表格组件批量生成，省得自己拉 Auto Layout
- Find and Replace — 全文件批量替换文字
- Clean Document — 清理无用图层、隐藏元素、未使用样式，文件瘦身
无障碍 & 设计质量
- Stark — 最全的 a11y 套件，对比度、色盲模拟、touch target、focus order 全包，2026 年做合规项目几乎是必备
- A11y Color Contrast Checker — 轻量级对比度检查
- Able — 单点对比度检查，更快但功能少
原型 & 动效
- Figmotion — 不出 Figma 做关键帧动画，给开发演示交互细节
- Jitter — 高质量动效输出（导出 GIF/MP4/Lottie）
开发交付
- Anima — 转 React / Vue / HTML+CSS，老牌可靠
- html.to.design / Story.to.design — 反向：从已有网站或 Storybook 把组件拉进 Figma，做接手老项目时很救命
如果让我从中只挑五个常驻插件，我会选：Iconify + Autoflow + Design Lint + Stark + UX Pilot——基本覆盖从素材到流程图到一致性到合规到 AI 提速的核心痛点。
你具体方向偏 B 端后台、C 端 App，还是营销官网？方向不同我可以再帮你裁一份更精的清单。
按你的场景分类推荐：
素材与内容填充
| 插件 | 用途 |
|---|---|
| Unsplash | 直接在 Figma 里插入免费高质量图片 |
| Iconify | 海量图标库，覆盖所有主流图标集 |
| Noun Project | 更多图标资源 |
设计效率
| 插件 | 用途 |
|---|---|
| Autoflow | 自动绘制流程连线，做用户流程图 |
| Super Tidy | 一键对齐整理画布上的 Frame |
| Rename It | 批量重命名图层，保持图层结构整洁 |
| Copy CSS | 一键复制元素的 CSS 样式值 |
转代码相关（对你特别重要）
| 插件 | 用途 |
|---|---|
| Figma to Code | 将选中元素导出为 HTML/Tailwind/React 代码 |
| Anima | 导出可交互原型，也支持生成 React 代码 |
| UI Pilot | AI 辅助生成组件和布局 |
检查与规范
| 插件 | 用途 |
|---|---|
| Contrast | 检查文字和背景的对比度是否符合无障碍标准 |
| Spelll | 拼写检查，避免英文文案错误 |
| Design Lint | 检查设计稿中不规范的颜色、字体、间距 |
动效预览
| 插件 | 用途 |
|---|---|
| LottieFiles | 在 Figma 里预览 Lottie 动画，后面可直接用在网站里 |
优先装这几个
如果只装 5 个，推荐：Unsplash、Iconify、Design Lint、Contrast、Figma to Code
前两个帮你快速填充内容，后三个保证设计质量和转代码顺畅。