Masonry | Grid Layout

About this plugin

Masonry helps you instantly organize uneven content into beautiful, balanced grid layouts — perfect for image galleries, card layouts, feeds, and exploratory design work.

Instead of fighting with manual positioning or complex auto-layout workarounds, Masonry calculates the optimal column flow for you.

Just select your layers, run the plugin, and get a clean masonry layout — fast.

✨ Key Features

1. 🧱 True Masonry Layouts: Automatically arranges layers into columns with uneven heights
2. ⚡ One-Click Layout: Select layers → run Masonry → done
3. 📐 Consistent Spacing: Maintains clean vertical and horizontal gaps
4. 🔄 Great for Iteration: Perfect for feeds, galleries, dashboards, and card-based designs
5. 🎯 Figma-Native Workflow: Works directly with frames and layers you already use

🧠 Typical Use Cases

1. Image & media galleries
2. Pinterest-style feeds
3. Card-based UI layouts
4. Moodboards & inspiration boards
5. Editorial and content-heavy designs
6. Notes

🚀 How to Use

1. Select multiple layers or frames\
2. Run Masonry
3. Your selection is instantly arranged into a masonry grid
4. That’s it.

📦 What Masonry Is (and Isn’t)

✅ Automatically arranges uneven content

✅ Optimized for visual layout & exploration

❌ Not a replacement for Auto Layout

❌ No rigid rows — this is intentional

Masonry is designed for visual balance, not strict alignment.