Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Liquid Glass Effect in Figma - Creating Apple-Inspired UI Materials

Flux Academy via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to recreate Apple's dynamic Liquid Glass material effect in Figma through this 29-minute tutorial that breaks down the process into manageable sections. Master the fundamentals of layout design before diving into the sophisticated glass effect techniques that give modern interfaces their distinctive translucent appearance. Discover how to build the foundational layout structure, then progress to creating the signature glass effect with proper transparency, blur, and layering techniques. Explore the advanced "liquid" glass variation that adds dynamic movement and fluidity to your UI designs. Jump directly to the glass effect portion at 16:55 if you're already proficient with Figma's layout tools, or follow the complete workflow from initial setup through final implementation to fully understand how this popular design trend translates into practical Figma techniques for contemporary web and mobile interfaces.

Syllabus

0:00 What you’ll learn
1:34 Layout
16:55 Glass effect
21:58 “Liquid” glass

Taught by

Flux Academy

Reviews

Start your review of Liquid Glass Effect in Figma - Creating Apple-Inspired UI Materials

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.