Figma Prototype 呈現游標動態效果-Using Figma prototype present cursor dynamic effects.

Shenzoe
Nov 29, 2023

--

這篇會很短,也算是紀錄一些動態效果的名字和製作過程,供未來需要快速在 Figma 呈現這個效果的自己或其他人做參考。

最後在 Figma 會是這樣的動態,我也有在 Community 上發佈

原理算簡單,先製作一個 Hover的矩形,再將想要出現的動態(Mask)設定在 “Hover”這個 Component 上,這邊示意的是用圓形加上濾鏡的效果。

設定成為 Component 絕對是明智的選擇(?

比較要注意的是 “Hover” 設定的大小,太大會有停頓感,太小會吃效能,就看想要的動態效果去決定吧

我這邊設定得是40*40

希望有幫助囉~

--

--

Shenzoe
Shenzoe

No responses yet