How Do I Set Margins in Figma?

Designers use Figma to create and collaborate on UI designs. To make a design look professional, it is important to set the right margins. The margin settings in Figma can help designers ensure that elements are properly spaced and aligned, which is essential for creating user-friendly and aesthetically pleasing designs.

Setting margins in Figma is fairly straightforward. To get started, open the design file in Figma and select the element or group of elements you want to adjust.

You will then see the Margins section in the right-hand panel. Here, you can enter numerical values for each side of the element to specify how much space should be left around it.

You can also use Figma’s Auto Layout feature to quickly set margins for multiple elements at once. This feature lets you set a fixed margin between two adjacent elements or groups of elements by simply dragging and dropping them into place. It also has an Align tool that allows you to adjust alignment based on an anchor point or multiple points.

In addition, Figma allows you to create a custom margin preset that can be applied to any group of elements. This is particularly helpful when working with complex designs that require multiple adjustments. To do this, simply select the desired elements and then click on “Create Preset” at the bottom of the Margins panel.


Setting margins in Figma is a great way to ensure your design looks professional and user-friendly. It is easy to do using either numerical values or Auto Layout feature, as well as creating custom margin presets if necessary. With these tools at your disposal, you will be able to quickly adjust margins based on your specific design needs.