Masonry | Grid Layout

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🧱 True Masonry Layouts: Automatically arranges layers into columns with uneven heights⚡ One-Click Layout: Select layers → run Masonry → done📐 Consistent Spacing: Maintains clean vertical and horizontal gaps🔄 Great for Iteration: Perfect for feeds, galleries, dashboards, and card-based designs🎯 Figma-Native Workflow: Works directly with frames and layers you already use🧠 Typical Use CasesImage & media galleriesPinterest-style feedsCard-based UI layoutsMoodboards & inspiration boardsEditorial and content-heavy designsNotes🚀 How to UseSelect multiple layers or frames\Run MasonryYour selection is instantly arranged into a masonry gridThat’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 intentionalMasonry is designed for visual balance, not strict alignment.