Skip to main content
Solved

Question : how create a resizable "window" with constant frame size?

  • September 9, 2021
  • 7 replies
  • 1563 views

romuald

Hey there,
I’m looking for a way to create a frame (like the one you can put on you wall for real). I need this frame resizable, but I need to keep the frame width constant.

For example, if I create 2 stacked rectangles and apply a substract boolean operation, it works quite well.

But if I resize this frame, not only the inner area is resized but also the frame width itself. And I don’t want the size of the frame itself to be resized. Here is a probably clearer explanation :

Any idea how to do this? Thanks.

Best answer by tank666

You can duplicate my file:

Figma – 10 Sep 21
View original
This topic has been closed for replies.

7 replies

tank666
  • 4873 replies
  • September 9, 2021

You can achieve this in several ways.

Method 1:

  • Create a frame;
  • Add a stroke of the desired size.

Method 2:

  • Create a frame;
  • Create another frame inside the first one and resize it;
  • Set the “Left and right” and “Top and bottom” constraints for the inner frame.

romuald
  • Author
  • New Member
  • 22 replies
  • September 10, 2021

Hi, thanks for the help.

  1. I see

  2. Seems interesting, by after some tries, I can’t figure how to make it work. Look.

Is there something I don’t do correctly ?


tank666
  • 4873 replies
  • September 10, 2021

You needed to set these constraints for the frame with white fill.


romuald
  • Author
  • New Member
  • 22 replies
  • September 10, 2021

There is no such white frame. It’s an empty space made form a substract of 2 rectangles.


tank666
  • 4873 replies
  • Answer
  • September 10, 2021

You can duplicate my file:

Figma – 10 Sep 21

romuald
  • Author
  • New Member
  • 22 replies
  • September 10, 2021

Fantastic 😍

Thanks a lot.


  • 0 replies
  • October 9, 2021

This topic was automatically closed after 30 days. New replies are no longer allowed.


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