figma常用插件

使用 Figma 插件的三种主要方法

• 方法一：从系统的顶部菜单栏上的「Plugins」入口选择插件；
• 方法二：在文件内右键呼出菜单，从「Plugins」入口选择插件；
• 方法三：快捷键 ⌘ + / 呼出搜索，输入插件名

Split Shape：快速等分插件

image.png

文件管理类插件

Time Machine:时光机器

Time Machine 可以帮助设计师一键将设计稿自动复制一份，收纳到在一个 Page 里，并按日期与时间排列。这款插件已经是笔者目前最高频使用的插件，因为日常的工作流中设计方案的探索、推导、收敛到最后的落地，会产生数量很多的废稿。以往笔者都要手动创建一个名为「Archive」的 Page，然后将废稿手动丢进去。现在只需要 ⌘ + / 然后输入「tim」再一个回车一气呵成。

Clean document:清洁文件

Clean document 可以帮助设计师自动「打扫」选中的设计文件，清理隐藏的图层，解除只有单个图层的组，重命名图层，还可以根据元素的位置对图层重新排序。

• clean layers:清洁层
• delete hidden layers:删除隐藏层
• ungroup single-layer groups:取消单层组分组
• make pixel-perfect:使像素完美
• smart rename layers:智能重命名层
• smart sort layers:智能排序层
• sort pages by name:按名称对页面进行排序
• reset plugin:重置插件

图形资源类插件

Autoflow:自动流

Autoflow 可以让设计师直接选中两个元素后自动画上流程线，省去了画流程图过程中标注箭头的繁琐工作。
方法：在按住⇧Shift的同时，选择2个对象，一个接一个。

Iconify:图标化

Iconify 内有 50 个图标库，包含超过 40,000 个图标。如果要找图标直接搜索，然后「add icon 」即可。用 iconify 来处理搭建原型阶段的图标需求再好不过，也省去了打开 iconfont 网页找图标的麻烦.

Gifs:动态图

Gifs 可以让设计师直接搜索并插入来自 GIPHY 的动图。不过这款插件在平时的工作中用的还是很少的，但是用 Figma 做 PPT 就非常适合配合这款插件食用。

Vectary 3D

Vectary 3D 可以将 3D 元素插入 Figma 中，更有趣的在于你能将设计稿置入预设的可交互的 3D mockup 后，导出图片到 Figma 中。从此包装设计稿不用烦恼找不到适合的 mockup 了，自己动手丰衣足食。
另外值得一提的是 Vectary 3D 这款插件背后的产品，是一款与其同名的基于浏览器的在线 3D 设计工具链接。

Vectary 3D 界面.png

无障碍类插件

A11y系列

A11y 即 Accessibility，随着无障碍设计得到越来越多关注，这类插件也终于开始出现，让我们可以更有效的优化产品设计，让更多用户享受更友好的体验。
A11y 系列由 Microsoft 出品，包含两款插件：Color Contrast Checker、Focus Orderer。

Color Contrast Checker

即：色彩对比检查器。用来检查设计稿内文本对比度是否遵守 WCAG（Web Content Accessibility Guidelines）标准，以保证用户可以无障碍阅读文本内容。Color Contrast Checker 的使用非常方便，唤起插件，选中需要检测的界面，点击 「Check」即可。