My sympathy goes out to web developers looking for Glass’s CSS in Dev Mode.
Figma’s newest product designer Rogie presents a new effect that allows you to manipulate light, depth, frost, and refraction to create dynamic elements that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
This effect looks incredible! So glad we won’t need to deal with hacky imitations. Don’t miss a breakdown of how Miggi made this video.
Tired of liquid glass yet? Sebastiano Guerriero shares a step-by-step process of creating a different type of colored glass buttons.
Customizable glass effect generator supporting background blur, color tints, and textures with export to CSS.
Sergei Chyrkov recorded a tutorial on imitating the Liquid Glass effect on a button in Figma.
Of course, the elephant in the room is the sneak peek by Figma that native Liquid Glass support is coming soon.
Allan Yu imitates the Liquid Glass effect in Figma by using the new texture feature in Figma Draw. A few other takes using similar techniques by Camden, Luis Ouriach, Brett from Designjoy, Max, and Ben South — some are with the Figma files as well.
John LePore explains refraction — light passes from one material to the next — for non-3D designers.
A new practical plugin from Luis comes in handy while rebuilding shadows in Figma from an existing website.
“Generate stunning fractal patterns with mathematical precision. Fractalix creates beautiful recursive designs perfect for backgrounds, textures, and digital art. Customize complexity and style with one click.”
Brett from Designjoy shows how to apply dithering in Figma using the Dither plugin.
Nice to see stunning gradients made from scratch. The Figma file is now available for download.
You can always rely on Vijay to come up with the most creative ways to achieve special effects.
A tutorial from James on creating beautiful background patterns and effects. I haven’t tried the vga blurrific.exe plugin he recommends, but it looks really cool.
Is this new? Very cool.
A step-by-step video tutorial on how to create a laser beam effect.
Impressive lightsaber loader effect by Vijay.
James McDonald shared a design file of his recent project with a few cool effects.