據(jù)說點擊藍色字體關注同學都升職加薪了

靜電說：Fimga中缺少扭曲工具一直是設計師小伙伴的心病，在日常的工作中，傾斜這個基本選項是很多效果必須的，但Figma卻無法做到。更別說在無插件的情況下做各種透視效果，更高級的網(wǎng)格變形了。今天靜電給大家推薦幾款Figma下做傾斜，扭曲和3D透視效果的插件。

也希望Figma下能在其基本功能中至少加入傾斜功能，要不還要拿到Sketch中進行變形就很尷尬了。所有的插件地址在文章末尾，記得往下看哈。特別推薦必裝的是五星評價的插件。

001.Skewdat-必裝傾斜插件
感謝前幾天朋友圈小伙伴的推薦，Skewdat插件基本上可以補足Figma基本的傾斜功能，它可以做X軸傾斜和Y軸傾斜，可以傾斜各種圖層，甚至連文本圖層都可以傾斜（這下不用打散了，真好）。

不得不說這款工具真是解決了燃眉之急，簡單的傾斜是設計師們最需要的功能啊，14w多的下載量可以證明。它只有兩個功能，橫向傾斜和縱向傾斜。不過大家不要相信用它可以做3D透視效果的圖片，只有X和Y兩個傾斜參數(shù)做出來的透視是不太理想的，建議只用它來做平面的傾斜效果就好。

總之，SkewDat是Figma使用者必裝的插件，對！必裝。推薦指數(shù)：★★★★★插件下載地址見文章末尾。

002.Angle Mockups?-3D透視靠它

這款插件可以把一個Frame內容放置在一個有四個點的路徑里，咱們直接看下圖演示：

所以，理論上，你怎樣做傾斜都是可以的，這樣的方式可以做更精確的透視效果，當然它主要是為Mockup模型服務的，只要定位好四個角，剩下的交給這款插件就可以啦。推薦指數(shù)：★★★★★插件下載地址見文章末尾。

003. 3D Transformer
這款插件使用另一種方式來完成3D透視效果，看圖！與第二個插件相比，這種方式直觀好懂，但是不便于調整細節(jié)，所以，咱們兩款插件綜合來使用吧。

推薦指數(shù)：★★★★插件下載地址見文章末尾。

004.?3D For XR
這款插件可以讓我們來做一個曲面的3D效果。用來做展示圖的時候可用。

效果用圖表示更直觀。插件下載地址見文章末尾。

推薦指數(shù)：★★★

005.?Warp It
這款插件終于可以用更多的節(jié)點來調整圖層內容了。很驚喜有沒有。但是遺憾在后邊，它對位圖不太行。只能調節(jié)矢量圖形和文本圖層。

插件下載地址見文章末尾。推薦指數(shù)：★★

006.?Arc-文本環(huán)繞彎曲工具
這個可以看做是文本附加路徑的加強版，你可以用它來做文本環(huán)繞效果。繼續(xù)看圖。

插件下載地址見文章末尾。推薦指數(shù)：★★★★★

《靜電的UI設計教室-4月新課》來啦！

廣受好評的全鏈路UI一對一小班課程

《靜電的UI設計教室》已經(jīng)舉辦了40多期

我們新的4月課程會在下個月中下旬開課

趁著大好春光 好好提升自己吧

↓↓長按二維碼加靜電老師咨詢↓↓

? ? ? ? ? ?