Skip to main content

Hey everyone! 😊

I’m currently working on aĀ Glassmorphism-styled appĀ and have designed aĀ Glass TileĀ component. I’ve fine-tuned the look to match my vision, but I want the flexibility to tweak it later and have those changes apply across my entire design.

Since I also want to take full advantage ofĀ Auto-Layout, I’ve been trying different ways to make my Glass TileĀ fully reusable. Right now, my approach is:

  1. Creating anĀ empty frame, and once I’m ready, manually placing my Glass Tile underneath and resizing it.
  2. Or,Ā copying the propertiesĀ of my Glass Tile and pasting them onto new frames.

However, this feels a bit clunky. Ideally, I’d love a way to have aĀ "Glass Frame" componentĀ that I can reuse over and over—without extra manual resizing every time.

I also triedĀ nesting an instance of my Glass Tile inside a frame, but it doesn’t resize dynamically. šŸ¤”

Does anyone know a smarter way to achieve this?Ā Would love to hear your thoughts!

Thanks a ton! 😃

Ā 

Why is it not resizing properly? In my case I have a scrim component that has aĀ  L + R, T + B constraints and was constantly applied to all my template-level components that can be shown or hidden with boolean props. I just put the scrim in absolute position.


Hi,

Thank you! In just checked my constraints and realized the scale option was not selected.Ā