Web Design » Figma » How do you make a 12 column grid in Figma?

How do you make a 12 column grid in Figma?

Last updated on September 24, 2022 @ 6:57 pm

Making a 12 column grid in Figma is easy. First, create a new document and name it “grid.tmx”. In this file, you will create a layout that contains 12 columns.

To create the grid, you will use the Columns module. In the Columns module, click on the New button and select the 12 Column Grid option.

PRO TIP: This article is outdated and no longer relevant. The current version of Figma does not support 12 column grids.

Next, you will need to set the column widths. To do this, click on the Width field and enter the width of the first column in pixels.

Next, click on the Width field and enter the width of the second column in pixels. Repeat this process until you have set the widths for all of the columns.

Finally, you will need to set the gridlines. To do this, click on the Gridlines field and enter the gridline width in pixels.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.