From the course: Figma: Using Auto Layout

Unlock the full course today

Join today to access over 23,200 courses taught by industry experts.

Other auto layout settings

Other auto layout settings - Figma Tutorial

From the course: Figma: Using Auto Layout

Start my 1-month free trial Buy for my team

Other auto layout settings

“

- [Presenter] Auto layout in Figma has additional settings that are essential while creating flexible designs. These settings include strokes in layout, canvas stacking order, and text-based alignment. Let's quickly go through each of them step by step. In the exercise file, we have another Figma project with a few auto layout examples. Here you can see three different frames, which we are going to cover step by step. First, let's focus on strokes and layout. So I'm going to quickly zoom into my first frame. In this example, we have a simple auto layout frame that consists of an ellipse and a square frame around it. Also, notice that this frame has a stroke applied with a width of 10 pixels and its dimensions are currently set to be 140 pixels by 140 pixels. Also, resizing options are set to hug contents horizontally and vertically because we need it for this example. In Figma, the strokes that you set to your objects or frames are not included in calculating the size of objects that…

Contents