Explore Auto-Layout Properties Let’s see how each of its properties work. Layout Flows 1. Direction The term "direction" refers to the manner in which the auto layout frame will progress. a. Vertical b. Horizontal c. Wrap 2. Canvas Stacking Order To access the advanced layout settings, pick the auto layout frame [..] and click on the corresponding option located in the right sidebar. Adjacent to the act of arranging canvases in a vertical manner, proceed to choose: a. First on top: the first layer in the stack will be on top b. Last on top: the last layer in the stack will be on top 3. Absolute Position The concept of absolute position involves the removal of an object from the flow of an auto layout, but nevertheless maintaining its presence within the auto layout frame. The object and its adjacent elements exhibit a lack of interaction, while undergoing changes in size and position. In order to activate absolute positioning, one must first choose a child element within an auto layout frame and subsequently click on the [+] symbol located in the right sidebar. Spacing 1. Gap Between Items The gap between items can be adjusted using two distinct options: a. Auto The automatic setting of the space between objects will maximize the distance between them. Please input the term "Auto" in the designated text field or choose it from the provided dropdown menu. b. A Specified Gap A specified gap parameter can be utilized to determine the desired distance between items. This component allows users to input a value into the designated field, adjust the values incrementally using the arrow keys, or manipulate the field by dragging the cursor. 2. Padding Padding refers to the vacant or blank area that exists between the periphery of an auto layout frame and the child elements included within the frame. Padding can b specified in a uniform manner, both vertically and horizontally, or it is possible to assign distinct values for the padding on the top, right, bottom, and left sides.  To set individual padding, click to use top, right, bottom, and left padding fields.  To set uniform padding or to use CSS shorthand, hold ⌘ Command or Control and click into any padding field. You can also type CSS shorthand.  For example, entering 1,2,3,4 sets the top, right, bottom, and left to 1, 2, 3, and 4 respectively. Entering 1,2 sets the values to top/bottom: 1 and left/right: 2. 3. Strokes In Layout By default, strokes in Figma are not taken into consideration when determining the dimensions of objects. As a result, strokes do not impact the parent frame o neighboring siblings of these objects. To determine the spatial allocation of strokes within an auto layout frame, use the advanced layout options. Utilize the stroke dropdown menu located adjacent to the frame, and opt for either "included in layout" or "excluded from layout.