比Sketch更好用的Figma,还有这12个省时高效的实用插件!

2019-8-16 11:52| 查看: 451| 评论: 0|原作者: Vahan Hovhannisyan

摘要: 越来越多的设计师开始从 Sketch 切换到 Figma,基础功能上没得说,但是确实缺少 Sketch 上丰富多彩的插件支持。作为一个发展快速的平台,Figma 也逐渐开放接口并且拥有了自己的辅助插件体系。如果你已经准备好了,那 ...

越来越多的设计师开始从 Sketch 切换到 Figma,基础功能上没得说,但是确实缺少 Sketch 上丰富多彩的插件支持。作为一个发展快速的平台,Figma 也逐渐开放接口并且拥有了自己的辅助插件体系。如果你已经准备好了,那么下面就可以看看这个最为有用的 Figma 插件推荐列表了。需要安装这些插件直接在 Figma 的插件库中搜索 ~

内容类插件

1. Content Reel

by Microsoft

·

在测试原型的时候,我们都会尽可能让它们看起来更为真实,从而尽可能从用户那里得到最为真实的反馈。所以使用虚拟的内容搭配一个类似「John」这样的名字,并不是好主意,我们最好是使用一些网站或者服务来生成真实的姓名、电子邮件、地址等等。Craft 是 Sketch 上最好的插件之一,它就可以解决这个问题。如今 Figma 也拥有了可以实现相同功能的插件。Content Reel 能够帮你生成包括姓名、电子邮件、公司名称、网址、个人资料图片等一系列的内容。

2. Unsplash

by Unsplash

·

著名的图库网站 Unsplash 想必你已经很熟悉了吧?这可能是目前最好的图库网站之一,如今它也具有相应的插件,你可以直接装到 Figma 当中,直接调用 Unspalsh 图库中的素材和内容。

3. Iconify

by Vjacheslav Trushkin

·

图标素材不够用?Iconify 这个插件能够帮你搞定这个问题,几乎覆盖全部的图标类型和品类,相当方便了。

4. Brandfetch

by Brandfetch

·

在制作「合作伙伴」页面的时候,经常需要使用大量的合作伙伴公司的品牌 LOGO 素材,这个时候去网上找相应的 LOGO 素材,然后逐个编辑,这是一个非常麻烦的过程。这也是为什么 Brandfetch 这个插件显得那么方便了:它帮你将绝大多数的品牌 LOGO 都整理出来了,你直接调用就好了,唯一的缺陷在于,这些 LOGO 都只有 PNG 格式的,好在绝大多数情况下都够用了。

5. Charts

by Sam Mason de Caires

·

自从 Figma 拥有 PDF 导出功能之后,不少用户也开始选择使用它来制作演示文稿了。众所周知,几乎所有的演示文稿都包含图表,而 Charts 这个插件让图表的制作提升到了一个极为便捷的程度。它可以自动生成图表,然后你再进行快速的修改。不过 Charts 目前还有一些小缺陷,比如生成的图表会默认放置到一些不太起眼的地方,你需要缩小页面才能找到它。相信在不久的未来,这些小 Bug 都会被修复。

图层和框架管理工具

6. Super Tidy

by Ismael Gonzalez

·

前不久,Figma 更新了快速的间距管理功能,无路你说组、对象还是框架之间,都可以进行便捷的管理。不过,这项功能只有在间距相同的时候才能发挥作用,如果你的元素之间的间距并不等距,那么可能就无法全部控制。好在有 Super Tidy 这个插件,它可以解决这个问题:选择所有的元素,点击 Tidy,元素之间的空间会自动调整并且对齐。此外,这款插件还可以帮你快速生成组和层的名称,相当方便。

7. Similayer

by David Williames

·

如果你的框架中包含很多对象,并且你想选择所有的标题,那么 Similayer 这个插件能够帮你,只需要选择一个标题,然后选择对的属性就可以搞定了。

版本控制工具

8. Time Machine

by Square

·

担心某个版本的文档没有保存?这个插件能够全自动地帮你复制你想要保存的这个版本,备份到另外一个名为「Time Machine」的文档当中,并且会基于所属的框架和时间来进行命名,你完全不用操心。

流程工具

9. Autoflow

by Coinbase

·

只需要点击一下,Autoflow 这款插件就能帮你在对象之间创建流,你所需要做的就是选择两个对象,并且点击菜单中的 Autoflow 按钮。

当然,Autoflow 的缺陷也是存在的,就是在矢量图层和框架之间建立流的时候,有时候会不太好使。

视觉特效插件

10. Roto

by Carlo Jörges

·

这是第一个在 Figma 中能制作3D图形的插件,各种挤压、旋转的效果都可以。虽然它制作的方式并没有那么便捷,但是我仍然认为它是非常有前途的插件。

11. Color Contrast Checker

by Tiffany Chen

·

这款插件能够帮你检查并修复配色,让你的配色方案更加符合 Web 内容的可访问性指南(WCAG)中的标准。

12. Figmotion

·

Figmotion 这个插件几乎是一个独立的软件了,所以我需要将它单独提出来说一下。作为一个视作动画效果的插件,Figmotion 的功能真的补上了 Figma 最重要的短板!希望 Figma 今后能够在后续的开发中补充上这部分的功能。


鲜花

握手

雷人

路过

鸡蛋
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题