figma常用插件

2021-01-12  本文已影响0人  福兮祸所依

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

Split Shape:快速等分插件

image.png

文件管理类插件

Time Machine:时光机器

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

Clean document:清洁文件

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

图形资源类插件

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」即可。

上一篇 下一篇

猜你喜欢

热点阅读