必装！推荐几个在Figma中做扭曲和3D效果的插件

2022-03-25 18:31 作者:静电的UI设计教室 0人读过 | 我要投稿

据说点击蓝色字体关注同学都升职加薪了

静电说：Fimga中缺少扭曲工具一直是设计师小伙伴的心病，在日常的工作中，倾斜这个基本选项是很多效果必须的，但Figma却无法做到。更别说在无插件的情况下做各种透视效果，更高级的网格变形了。今天静电给大家推荐几款Figma下做倾斜，扭曲和3D透视效果的插件。

也希望Figma下能在其基本功能中至少加入倾斜功能，要不还要拿到Sketch中进行变形就很尴尬了。所有的插件地址在文章末尾，记得往下看哈。特别推荐必装的是五星评价的插件。

001.Skewdat-必装倾斜插件
感谢前几天朋友圈小伙伴的推荐，Skewdat插件基本上可以补足Figma基本的倾斜功能，它可以做X轴倾斜和Y轴倾斜，可以倾斜各种图层，甚至连文本图层都可以倾斜（这下不用打散了，真好）。

不得不说这款工具真是解决了燃眉之急，简单的倾斜是设计师们最需要的功能啊，14w多的下载量可以证明。它只有两个功能，横向倾斜和纵向倾斜。不过大家不要相信用它可以做3D透视效果的图片，只有X和Y两个倾斜参数做出来的透视是不太理想的，建议只用它来做平面的倾斜效果就好。

总之，SkewDat是Figma使用者必装的插件，对！必装。推荐指数：★★★★★插件下载地址见文章末尾。

002.Angle Mockups -3D透视靠它

这款插件可以把一个Frame内容放置在一个有四个点的路径里，咱们直接看下图演示：

所以，理论上，你怎样做倾斜都是可以的，这样的方式可以做更精确的透视效果，当然它主要是为Mockup模型服务的，只要定位好四个角，剩下的交给这款插件就可以啦。推荐指数：★★★★★插件下载地址见文章末尾。

003. 3D Transformer
这款插件使用另一种方式来完成3D透视效果，看图！与第二个插件相比，这种方式直观好懂，但是不便于调整细节，所以，咱们两款插件综合来使用吧。