Skip to main content

Summary:
Please expand Figma’s background blur support beyond frames and components to include vector shapes and boolean objects. This enhancement would significantly improve design flexibility and enable more advanced UI effects.

Details:
Currently, Figma restricts the use of background blur (glassmorphism) to frames and components. While effective in many workflows, this limitation creates unnecessary friction when attempting to apply blur to non-rectangular or custom shapes—such as triangles, circles, icons, or complex boolean forms.

Designers seeking to replicate stylized interfaces (e.g., macOS Aqua or Tahoe icons) or craft more expressive UI elements are forced to use masking techniques with frames. These workarounds can lead to fragile layering, reduced editability, and increased file complexity.

Proposed Solution:

  • Extend background blur support to vector shapes (e.g., polygons, ellipses, stars).

  • Enable blur rendering for boolean groups (union, subtract, intersect, exclude).

  • Ensure consistent interaction with background content, similar to frame-based blur.

Impact: 

  • Enables more creative and accurate implementation of glassmorphism.

  • Reduces reliance on workaround techniques like frame-masking.

  • Enhances iconography, branding, and custom interface design workflows.

This improvement would bring Figma closer to parity with visual design expectations for modern OS and app aesthetics, while maintaining the tool’s strong usability for product design.

Thank you for considering this request, Figma.

Be the first to reply!

Reply