The auto layout frame is the top-level frame which sits on the canvas.

Timeline: We've added three to a vertical auto layout to create our timeline.

This includes a description, an image and the user's profile.

Post: We then add our buttons to a vertical auto layout with the other objects in the post.

This allows objects to respond when we make any changes to a sibling's contents.

Button Row: We then add both buttons to another horizontal auto layout.

This allows the button to grow and shrink as we change the label text.

Button: Each button is a horizontal auto layout.

In our example below, there are four levels of auto layout: When you nest an auto layout frame, the nested frame will have both parent and child properties. This allows you to combine horizontal and vertical layouts to create complex interfaces. You can nest an auto layout frame within another auto layout frame.

Learn more about parent, child, and sibling relationships → Nest auto layout frames Or, to add objects to a nested auto layout: Use the modifier key to bypass Figma's default behavior and add larger objects to an auto layout.

If any of the object's dimensions are larger than the parent frame, you won't see the option to add it to the auto layout. Note: The object's size determines if it can be added to the auto layout frame.

Remove from profile grid instagram meaning