Figma Grid: Generally Available with Smarter Row & Column Controls
FigmaFigma's Grid auto layout mode — first introduced in beta at Config 2025 — has reached general availability, adding three key quality-of-life improvements that address the biggest friction points in the beta experience. Designers can now drag column and row tracks directly to reorder them, content automatically shifts to fill gaps when items are deleted, and rows are automatically added or removed as content is inserted or removed. The Grid layout is Figma's two-dimensional counterpart to Auto Layout's one-dimensional (flexbox-style) system, enabling galleries, bento boxes, dashboards, and any layout that needs simultaneous row and column control.
Featured Video
A video we selected to help illustrate this changelog
Sources & Mentions
4 external resources covering this update
Overview
Figma's Grid auto layout mode has graduated from beta to general availability, bringing with it a set of improvements aimed at eliminating the manual workarounds that made the beta feel rough in practice. Grid enables two-dimensional layouts — controlling both rows and columns simultaneously — which is something Figma's existing Auto Layout (a one-dimensional, flexbox-like system) cannot do natively.
The GA release resolves the three most-cited frustrations from the beta period.
What's New in General Availability
Drag to Reorder Columns and Rows
In the beta, repositioning columns or rows required tedious cell-by-cell manipulation. The GA release addresses this directly: designers can now drag column and row tracks directly into a new position, just as they would drag layers in the Layers panel. This makes restructuring grid layouts fluid and intuitive rather than error-prone.
Automatic Gap Filling
When items are deleted from a grid, the remaining content now automatically shifts to fill the empty cells. Previously, deleting a grid item would leave a gap that required manual correction — an especially disruptive problem in large, dense layouts like dashboards or product cards. The GA release handles this automatically.
Auto Row Creation and Removal
Rows now grow and shrink dynamically as content is added or removed. When a designer drops a new item into a grid that is already full, a new row is created automatically. When the last item in a row is deleted, the empty row is removed. This behavior brings Grid in line with how Auto Layout handles content overflow in vertical containers.
Context: What Figma Grid Enables
Grid is distinct from Figma's older "Layout Guide" (formerly called Layout Grid), which is a static visual overlay for alignment and does not automatically place elements. The new Grid auto layout mode creates an actual two-dimensional structure where elements are placed into cells, can span multiple rows or columns, and respond to changes in container size.
Typical use cases include: multi-column product listings, bento box compositions, dashboards, image galleries, and any layout that previously required deeply nested Auto Layout frames as a workaround.
Dev Mode exposes the underlying CSS Grid values to developers, helping close the gap between what designers specify in Figma and what engineers implement in code.
Who Benefits
Every designer who works on layouts that go beyond a single axis — which includes a substantial portion of everyday Figma work — benefits from Grid going GA. The beta was already widely used despite its rough edges; the GA release removes those edges and makes Grid a production-ready tool for design system components and complex page layouts alike.