RAR 設計攻略
  • 線上課程
  • 專欄文章
  • AI 覺醒
  • 關於講師
登入
客服信箱:riven@rar.design

© 2026 RAR 設計攻略 All Rights Reserved.欸嗚欸嗚欸欸嗚嗚嗚喔喔有限公司.統一編號: 90841757
使用者條款.隱私權政策
Made with ♥ by 無為教育科技股份有限公司.Teachify
Developer and agent API documentationSite content index for AI agents (llms.txt)API documentation (OpenAPI)API authentication guide
  1. 首頁
  2. 文章列表
  3. Figma 今日更新液態玻璃效果功能(Liquid Glass)

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