How Do You Constrain Proportions in Figma?

When it comes to designing user interfaces, it is important to keep proportions in mind. Proportions are used to create a balanced design and ensure that elements are consistent and look good together.

Figma is a powerful design tool that allows you to easily create complex designs with precise proportions. In this article, we will discuss how to constrain proportions in Figma.

The first step in constraining proportions in Figma is to select the elements you want to adjust. You can select multiple elements at once by holding down the shift key and clicking on each element.

Once you have selected the elements, you can use the ‘Constrain Proportions’ option from the Arrange menu. This will ensure that any changes made to one element will be mirrored across all selected elements.

You can also use the ‘Scale Tool’ to constrain proportions in Figma. Select the elements you want to adjust and then click on the ‘Scale Tool’ icon in the top toolbar. You can then adjust the size of each element by dragging on one of its corners or sides while keeping its original aspect ratio intact.

In addition, you can use ‘Layout Grids’ within Figma to easily achieve precise proportioning when creating UI designs. Layout grids are a powerful way of organizing and aligning design components while keeping their proportions constrained. To use layout grids, simply click on ‘Layout Grid’ from the Insert menu, select a grid size, and then drag each element onto it.


Constraining proportions in Figma is essential for creating balanced designs that look good together. With Figma, you can use options such as ‘Constrain Proportions’, ‘Scale Tool’, and ‘Layout Grids’ for precise proportioning of your UI designs.