Learn to build a liquid glass effect in Figma using layer properties, inner shadows, and blur. The tutorial covers keyboard shortcuts, a white fill at 1% opacity, fully rounded corners, and a 2-pixel background blur to create the frosted glass look.
Ever wondered how designers create that liquid glass effect? Well, I'm here to show you on Figma. For text, press T. For auto layout, press Shift+A. White fill at 1% opacity. Round corners all the way. Add inner shadow 1, inner shadow 2, inner shadow 3. For rectangle, press R. Set texture dimensions to 90 width, 50 height. Set fill to white at 1% opacity. Add a background blur of 2. Add a texture with size of 90, radius of 30. To cut, press Command+X. To paste, press Command+V. Select both layers and do these 3 things. Press Clip Content under Layout. Finally, to make responsive, select all and click K. There it is! I hope you enjoyed that tutorial.
