New in Sketch: Glass, progressive blur, and more Learn more

Skip Navigation

Glass

Last updated on 05 Aug 2025

Glass effect adds the visual appearance of frosted glass to the selected element. This creates a translucent, blurred look that subtly reveals the background while maintaining focus on the foreground content.

The Glass effect has two settings:

  • Auto: the basic appearance of frosted glass is applied to the element.
  • Custom: gives you full control of all the parameters that form the effect.

The default setting (Auto) of the Glass effect is a close representation of the what you’ll see in Apple’s operating systems.

With Custom you can control:

  • Blur
  • Distortion
  • Depth
  • Chromatic Aberration
  • Brightness
  • Saturation
  • Specular Highlights