AutoGridify

About this plugin

Stop wrestling with complex nested frames. This is a utility tool designed to migrate your traditional row-and-column Auto Layouts into Figma’s native Grid layout mode with a single click.

Whether your table or dashboard is built using vertical columns or horizontal rows, AutoGridify analyses the nested structure, extracts the content, and re-orders it into a clean, single-frame grid.

Key Features

1. Structure agnostic: Seamlessly handles both Row-based (Horizontal) and Column-based (Vertical) nested stacks.
2. Auto track sizing: Automatically maps "Fill" containers to 1fr tracks and "Fixed" widths to pixel-perfect track sizes.
3. Batch processing: Save hours by selecting and converting multiple Auto Layouts simultaneously.
4. Preserved Sizing: The resulting Grid maintains the fixed width of your original parent frame to prevent layout shifts.
5. Customisable output: Use the plugin UI to fine-tune gaps, padding, and row heights (Hug vs. Fixed) before you convert.

How to use

1. Open AutoGridify
2. Select one or more Auto Layout frames containing nested "row" or "column" frames
3. Adjust your spacing and row height preferences
4. Click Convert!

Support

If you find this tool useful for your workflow, you can support me at: buymeacoffee.com/damienthedesigner