使用 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」即可。
网友评论