April Update: Masking

The April Update brings Masking to Framer. Add masks to your layers with a single click, then customize using gradients and images. Stack multiple masks on top of one another to unlock new creative layouts. Framer supports alpha masking, luminance masking, and compositing with multiple masks. The possibilities are endless, and you can add masks to any type of layer, like images, videos, components, and more. For more details on browser support, check out our help article. For everything else that’s new, see our changelog below.

Added

• Added the masking property with gradient and image support

• Added support for multiple masks stacked on top of eachother

• Added two new masking modes: Alpha and Composite masking

• Added dynamic rotation cursors to all gradient and mask tools

• Added the ability to define a default gap value for Stacks

Improved

• Improved color stop snapping of Conic and Radial gradients

• Improved gradient editing experience when switching layers

• Improved collaboration while using different Framer versions

Fixed

• Fixed gradients not being editable within Text layers

• Fixed radial gradient stops when overlapped in Safari

• Fixed gradient stop hints showing in the wrong place

• Fixed shadow Variables not displaying Color Styles

• Fixed being unable to copy and paste any shadow

• Fixed the property panels being jumpy on Firefox

• Fixed jumpy hover effects on rotated Slideshows