Figma 今日更新液態玻璃效果功能(Liquid Glass)

設計師 Riven

設計師 Riven

2025年7月18日 上午 10:27

UI/UX 設計

📱Figma 今天凌晨悄悄上線了一個全新的功能:Glass!

而且不僅是液態玻璃,Glass 這個全新的功能,還能直接在介面上操控光線、深度、霧化等元素,在 Figma 中創造出像實體玻璃般折射光線的動態效果。

這個功能可以讓你快速為元件套上玻璃(glass)效果,不用再手動調整模糊+透明度+顏色,為了接下來 Apple 即將更新的液態玻璃(Liquid Glass)介面設計做好準備。

只要選取元件,右側就會多出一個 Glass 區塊,可以直接調整透明度、模糊強度,甚至還能切換背景模式(像是原彩、柔焦、單色等),操作起來超直覺 ✨

非常適合做卡片、模態視窗、浮動按鈕這類 UI 元素~ 目前這個功能還是 Beta 測試中,沒看到的同學們記得先更新版本或重啟 Figma 試試看!

Figma Glass effect 專案範例檔

Glass effect playground preview

文章標籤

# figma