Skip to main content

Layout grids break position constraints

  • February 28, 2025
  • 2 replies
  • 26 views

Brian_Olson
  1. Create Frame
  2. add stuff
  3. add “Top” as position constraint to the stuff
  4. add a row layout grid
  5.  Resize the frame’s height
  6. The stuff does not stay a fixed distance from the top of the frame

2 replies

y_toku
Figmate
  • Community Support
  • 2545 replies
  • March 4, 2025

Hi ​@Brian_Olson 

 

Thanks for reaching out. If I understand correctly, it is an expected behavior. 

If your Grids are set to Stretch, Figma will base an object’s Constraints on the grid's nearest Column or Row.

Stretch Layout Grids adapt to the size of the frame. This allows your designs to respond when you resize the frame. Figma will set the width and height of the grid so that it corresponds to the frame size.

When you use Stretch Layout Grids, Figma into account the object's Constraints, relative to the Layout Grid. 

 

https://www.loom.com/share/92ce8337c67942819145e0ef15669217?sid=4000aaf7-0460-42f6-ba60-a4af0fdb5ae6

 

Here is the help center article: https://help.figma.com/hc/en-us/articles/360039957934-Combine-Layout-Grids-and-Constraints

 

I hope this helps but if I’m misunderstanding, please feel free to let me know! Happy to support. 

 

Thanks,
Toku


Brian_Olson
  • Author
  • New Participant
  • 17 replies
  • March 4, 2025

Perfect, thank you! You understood correctly. This was exactly what I needed. I didn’t know about other options besides stretch. I wanted a 10px margin inside the frame regardless of how the frame got resized. So I needed to change my frame type from stretch, to two top/bottom rows and two left/right columns.


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