Figma Glass Effect Tutorial (2025) | NEW iOS 26 & iPadOS 26 UI Kit + Liquid Glass
4.6K views · 2025-07-18
UI Design
*Figma just launched the official Native Glass Effect (July 17th 2025) — and it’s built in collaboration with Apple in the iOS 26 UI Kit*
In this tutorial, I walk you through how to use Figma’s new Glass Effect settings (Refraction, Depth, Frost, and Dispersion), and explore Apple’s newly released iOS 26 & iPadOS 26 UI Kit — now available in the Figma Community.
✨ What you’ll learn:
How to apply the new Figma Glass Effect (2025)
How to use the official iOS 26 UI Kit in Figma
How to customize SF Symbols and use the iOS UI Kit 26 text styles, components and variables
This is not a workaround or old glassmorphism trick — this is the *native liquid glass effect* just released by Figma and Apple.
If you're designing iOS apps or curious how this changes mobile UI design, this demo breaks it all down.
#FigmaGlassEffect #liquidglass #iOS26UIkit #Glassmorphism #ipados26 #Figma2025 #FigmaTutorial #FigmaDesign #UXUIDesign #FigmaTips #AppleDesign #mobileui
Resources:
🔥 *Glass Effect Playground Template:* https://www.figma.com/community/file/1522715486231239473/glass-effect-playground
🔍 *Figma Documentation Glass Effect:* https://help.figma.com/hc/en-us/articles/360041488473-Apply-effects-to-layers
🍎 *Apple's iOS 26 UI Figma Kit:* https://www.figma.com/community/file/1527721578857867021/ios-and-ipados-26
🍎 *Apple's Liquid Glass Documentation:* https://developer.apple.com/documentation/technologyoverviews/liquid-glass
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON and select All notifications so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
🧘🏻♀️ My Gear:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer 🌸 The links from my gear above are amazon affiliate links which allow me to receive a small commission if you click on one of the product links at absolutely NO ADDITIONAL COST TO YOU.
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Intro
01:16 #2. How to use Figma Glass Effect - Demo
06:39 #3. How to use Figma iOS & iPadOS 26 UI Kit
07:15 #4. Native Liquid Glass inside iOS 26 UI Kit
11:10 #5. Variable collections inside iOS & iPadOS 26 UI Kit
In this tutorial, I walk you through how to use Figma’s new Glass Effect settings (Refraction, Depth, Frost, and Dispersion), and explore Apple’s newly released iOS 26 & iPadOS 26 UI Kit — now available in the Figma Community.
✨ What you’ll learn:
How to apply the new Figma Glass Effect (2025)
How to use the official iOS 26 UI Kit in Figma
How to customize SF Symbols and use the iOS UI Kit 26 text styles, components and variables
This is not a workaround or old glassmorphism trick — this is the *native liquid glass effect* just released by Figma and Apple.
If you're designing iOS apps or curious how this changes mobile UI design, this demo breaks it all down.
#FigmaGlassEffect #liquidglass #iOS26UIkit #Glassmorphism #ipados26 #Figma2025 #FigmaTutorial #FigmaDesign #UXUIDesign #FigmaTips #AppleDesign #mobileui
Resources:
🔥 *Glass Effect Playground Template:* https://www.figma.com/community/file/1522715486231239473/glass-effect-playground
🔍 *Figma Documentation Glass Effect:* https://help.figma.com/hc/en-us/articles/360041488473-Apply-effects-to-layers
🍎 *Apple's iOS 26 UI Figma Kit:* https://www.figma.com/community/file/1527721578857867021/ios-and-ipados-26
🍎 *Apple's Liquid Glass Documentation:* https://developer.apple.com/documentation/technologyoverviews/liquid-glass
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON and select All notifications so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
🧘🏻♀️ My Gear:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer 🌸 The links from my gear above are amazon affiliate links which allow me to receive a small commission if you click on one of the product links at absolutely NO ADDITIONAL COST TO YOU.
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Intro
01:16 #2. How to use Figma Glass Effect - Demo
06:39 #3. How to use Figma iOS & iPadOS 26 UI Kit
07:15 #4. Native Liquid Glass inside iOS 26 UI Kit
11:10 #5. Variable collections inside iOS & iPadOS 26 UI Kit