2D圖快速變3D！比 AI 更可控的神級插件Vector to 3D

一、Figma 插件

介紹一款 Figma 插件 Vector to 3D。與 C4D 和 Blender 這類專業(yè)的三維軟件相比，它在 Figma 環(huán)境中直接運(yùn)行，無需切換軟件，極大地提高了工作效率。對于熟悉 Figma 操作的設(shè)計(jì)師來說，上手更為迅速，減少了學(xué)習(xí)新軟件的成本。而且，它能與 Figma 的二維設(shè)計(jì)流程緊密結(jié)合，實(shí)現(xiàn)二維到三維的無縫轉(zhuǎn)換。

與 StableDiffusion 和 Midjourney 相比，Vector to 3D 專注于將 Figma 中的二維矢量圖形精準(zhǔn)轉(zhuǎn)化為三維模型，可控性和延續(xù)性更強(qiáng)，能夠更好地滿足設(shè)計(jì)師在特定場景下的三維創(chuàng)作需求。

二、插件功能詳解

點(diǎn)擊 Figma 畫布中準(zhǔn)備好二維矢量圖形，并啟動插件可以是簡單的形狀、復(fù)雜的圖標(biāo)或者插畫等。這里以簡單的汽車圖形為例：

通過插件對形狀進(jìn)行調(diào)整，如拉伸工具，可以在不同的軸向上拉長或縮短模型；旋轉(zhuǎn)工具可以讓模型繞著指定的軸旋轉(zhuǎn)；扭曲工具則能為模型創(chuàng)造出獨(dú)特的扭曲效果；倒角工具可以使邊角變得更加圓潤或銳利。

以車身為例，參數(shù)如下 3D 效果：拉伸，倒角大小：2，倒角角度：1，倒角類型：平滑。就可以得到一個圓潤且具備結(jié)構(gòu)的形體。

車體因?yàn)橛熊嚧八孕枰獌?nèi)部鏤空的結(jié)構(gòu)，鏤空或內(nèi)凹等效果可用于插件自帶的布爾運(yùn)算進(jìn)行裁剪，注：需要在 figma 里面對相互裁剪的對象進(jìn)行分組。

此處選擇差集，我們就完成了車體內(nèi)部的鏤空處理。

在 figma 所選圖形的畫布中繼續(xù)繪制矢量元素，增加細(xì)節(jié)，通過插件的 3d 效果（拉伸、膨脹、環(huán)繞）結(jié)合 XYZ 軸的移動、旋轉(zhuǎn)、扭曲等功能完成不同形狀的構(gòu)建。

三、渲染與輸出

在 figma 中完成各個形狀的填色后，在材質(zhì)與紋理庫中選擇材質(zhì)和紋理，直接拖放到三維模型上即可應(yīng)用。也可以通過右側(cè)的參數(shù)面板調(diào)整材質(zhì)和紋理的相關(guān)屬性，如顏色、反射強(qiáng)度、粗糙度等。

點(diǎn)擊燈光設(shè)置選項(xiàng)，添加光源?？梢赃x擇點(diǎn)光源、平行光或聚光燈等不同類型的光源，并通過拖動光源位置、調(diào)整強(qiáng)度和顏色來達(dá)到理想的光照效果。這里選擇正面主光，兩側(cè)輔光的方式讓主體更加通透明亮。

最后導(dǎo)出透明背景的主體，在 PS 中進(jìn)行簡單調(diào)色就高效的完成了這個 3d 質(zhì)感圖標(biāo)。

如果需要為三維模型添加動畫效果，選擇動畫選項(xiàng)，設(shè)置關(guān)鍵幀，并調(diào)整模型在不同關(guān)鍵幀的狀態(tài)，如位置、旋轉(zhuǎn)角度、縮放比例等，從而生成流暢的動畫。在輸出方面，可以將三維模型導(dǎo)出為常見的圖像格式（如 PNG、JPEG）或三維模型格式（如 OBJ、GLTF），以便在其他項(xiàng)目中使用或與團(tuán)隊(duì)成員分享。

最后

Figma 插件 Vector to 3D 為設(shè)計(jì)師們提供了一個便捷、高效的工具，讓二維與三維之間的轉(zhuǎn)換不再是難題。不僅可以拓寬設(shè)計(jì)師的邊界，還激發(fā)了更多的創(chuàng)造力。無論你是在進(jìn)行 UI 設(shè)計(jì)、品牌設(shè)計(jì)，Vector to 3D 都值得一試，期待有了它的幫助會為你的設(shè)計(jì)帶來新的色彩和價值。

歡迎關(guān)注「58UXD」的微信公眾號：