Skip to main content
Question

How to reuse a Frame properperties as a component/variable or other


beeveloper

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! 😃

 

2 replies

Raphael_M
  • Active Member
  • 315 replies
  • March 13, 2025

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.


beeveloper
  • Author
  • New Member
  • 1 reply
  • March 13, 2025

Hi,

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


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings