New in Sketch: A major redesign, an all-new Inspector, and more Learn more

Skip Navigation

Glass

Last updated on 5 Aug 2025

Note: Images, videos and some instructions on this page may not be accurate. Please bear with us as we update the Docs for Sketch’s new UI.

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