From the course: Figma: Using Auto Layout
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Setting padding - Figma Tutorial
From the course: Figma: Using Auto Layout
Setting padding
- [Instructor] Let's talk about padding. In auto layout, padding is used to control empty space between the borders of the auto layout frame and the objects within it. Now let's quickly get to practice and open Figma to explore how we can set paddings within an auto layout frame. Make sure to use an exercise file where we have two layers inside of our Figma project, a rectangle and a star. So I'm going to quickly zoom into my working area, select both of these layers and apply auto layout by clicking on the plus icon in the auto layout panel. So in our auto layout settings, you can use both of these fields to control horizontal and vertical padding. At the moment, you can see that the values are set to 20 pixels for horizontal padding as well as for vertical padding. I'm going to quickly duplicate this frame with Control + D key shortcut and place it on the side. So right now I'm going to actually modify my padding to the value of 40 pixels horizontally and also to 10 pixels…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Adding auto layout2m 45s
-
(Locked)
Resizing dimensions4m 51s
-
(Locked)
Working with spacing2m 29s
-
(Locked)
Setting padding2m 29s
-
Layouts and alignment4m 14s
-
(Locked)
Rearranging objects2m 32s
-
(Locked)
Other auto layout settings4m 48s
-
Absolute positioning1m 52s
-
(Locked)
Challenge: Image gallery1m 5s
-
(Locked)
Solution: Image gallery2m 50s
-
(Locked)
-
-