Back to Plugins
Masonry | Grid Layout

Masonry | Grid Layout

Create responsive, Pinterest-style masonry grid layouts in seconds.

Plugin Preview

Masonry | Grid Layout preview

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🧱 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.

Plugin Details

Version9
CreatedJanuary 21, 2026
Last UpdatedFebruary 9, 2026
Categoryediting & effects plugins
CreatorDave
Stats200 installs, 15 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://raiken.io
    • https://www.raiken.io