Masonry grid in Figma Two ways to make one. One takes a click.

Auto Layout has no masonry mode. Build one from Auto Layout columns and balance them by hand, or select your cards and let Masonry drop each one into the shortest column.

Open in Figma Skip to the one-click way

Without a plugin: Auto Layout columns
With Masonry: Select · apply
Works in: Figma · FigJam · Slides

Masonry

Gap between items16 px16pxAuto columnsUse Figma grid layoutAdvanced optionsMaximum columns−4+Automatic layout: distributes 11 layer(s) across 4 column(s).

The plugin

Everything about Masonry

The Auto Layout way

No plugin needed. Good for a handful of cards, slow once the content changes.

Draw a frame and give it horizontal Auto Layout. Its gap is the space between your columns.
Inside it, add one frame per column with vertical Auto Layout. Their gap is the space between cards.
Set every column to Fill container, so the columns share the width.
Drag each card into whichever column looks shortest.

The catch: Auto Layout doesn't know which column is shortest. Add, remove or resize a card and you balance them all over again.

Illustration: one horizontal Auto Layout frame, three vertical Auto Layout columns, cards balanced by hand.

The one-click way

Your grid stays balanced however uneven the cards are: Masonry measures each one and drops it into the shortest column.

Open Masonry from Figma Community.
Select a frame with your cards, or the cards themselves.
Leave Auto columns on or set your own count, then choose the gap.
Click Apply Layout. Changed a card? Click Apply Masonry Grid in the right panel and the grid balances again.

Masonry gallery example: cards with images and text of different heights in balanced columns. — Example grid from the official Masonry gallery.

All options

Auto columns works out the column count from your frame's width.
Rearrange cards by drag and drop in the preview, even between columns. Apply keeps your order.
Show content loads your real designs into the preview, at their true proportions.
Use Figma grid layout puts the cards on Figma's own grid layout and keeps their sizes (a Supporter option).
Menu shortcuts: Masonry Grid (Auto) and Masonry Grid (Custom) run without opening the window.

Masonry plugins for Figma, compared

Search Figma Community for masonry and these four come up first. All of them arrange uneven content. They differ in how much control you get and how recently they were updated.

Plugin	Maker	Users	Price	Layout	Last update	Best for
Masonry (mine)	Raiken	2.1k	Free to use, Pro for unlimited daily layouts	Columns, auto or custom count, gap	October 2026	Uneven cards in balanced columns, re-applied after every edit
Masonry Grid Layout Organizer	Alexandr Drugov	24.4k	Free	Vertical or horizontal, columns or rows, random or by name	June 2020	A quick, free shuffle of frames
GridFlow	James Touhey, Kinetic Labs	2.1k	Lifetime license from the maker's store	Grids and masonry, 500+ layout templates for 2 to 12 objects	July 2025	Ready-made layouts for a few images
Masonry Express	Osama Madi	1.2k	Free	Vertical or horizontal, columns or rows, sort or randomize	April 2025	Simple masonry with a randomize option

Search order, users and last updates as listed on Figma Community on 30 October 2026. I made Masonry, so read my row with that in mind.

Masonry grids in Figma: common questions

Can Auto Layout make a masonry grid?

Not on its own. Wrapping Auto Layout fills rows, so a short card leaves a gap under it. Nest vertical Auto Layout columns inside a horizontal frame instead, and balance the columns by hand.

Can Figma's grid layout make a masonry grid?

Only if you set the row sizes by hand, because Figma's grid layout places items on rows and columns. Masonry can do that for you: switch on Use Figma grid layout (a Supporter option).

Is Masonry free?

Yes. Masonry is free to use, with a set number of layouts every day. Pro removes the daily limit.

How many columns does Masonry use?

With Auto columns on, Masonry works out the count from your frame's width. Switch it off to set your own.

Can I change the order of the cards?

Yes. Drag cards around in the preview, even from one column to another. Apply keeps the order you set.

Does Masonry replace Auto Layout?

No. Masonry is for arranging and exploring layouts. Where your design needs to resize, use Auto Layout.

Does it work in FigJam and Figma Slides?

Yes. Masonry runs in Figma, FigJam and Figma Slides.