GuidesMiro

How to use grid layout in Miro

Learn how to turn on the background grid and use the Grid widget in Miro to organize content and align objects precisely.

Quick answer

Open the three-dot menu, select View, then Grid, and choose Line grid, Dot grid, or None for background alignment. To organize content, search Grid in the Shapes panel, drag it onto the board, set rows and columns, then drag sticky notes, cards, or images into each cell for a structured layout.

Steps at a glance

  1. Open the three-dot menu and select View
  2. Click Grid and choose Line, Dot, or None
  3. Search Grid in the Shapes panel
  4. Drag the Grid widget onto your board
  5. Set the number of rows and columns
  6. Drag content into individual grid cells
  7. Save the layout as a reusable template

Summary

Miro offers two grid tools: a background grid for visual alignment and a Grid widget for structuring content into rows and columns. Both are available on the free plan and help teams keep boards organized during collaborative sessions.

Step-by-step guide

  1. Step 1

    Open the View menu

    Open your board and click the three-dot menu icon in the top toolbar. Select View from the dropdown to reveal display options, including the background grid settings.

  2. Step 2

    Choose a background grid type

    In the View submenu, click Grid and select Line grid, Dot grid, or None. Line grid works well for precise alignment tasks, while Dot grid gives a lighter visual reference for freeform sketching.

  3. Step 3

    Add the Grid widget for content

    To organize actual board content rather than just background lines, open the Shapes panel on the left toolbar and search for 'Grid.' Drag the Grid widget onto your canvas to create a structured table-like container.

  4. Step 4

    Set rows and columns

    Click the Grid widget to reveal its settings and adjust the number of rows and columns to fit your content. You can resize the entire grid by dragging its corner handle.

  5. Step 5

    Fill cells with content

    Drag sticky notes, images, or cards into individual grid cells; the widget automatically snaps items into place. If you're organizing structured data, consider pairing this with a table for detailed rows and columns instead.

  6. Step 6

    Align existing objects to the grid

    With the background grid turned on, drag objects near grid lines to snap them into alignment automatically. For finer control over spacing between multiple elements, use the dedicated tool to align objects evenly.

  7. Step 7

    Save your layout for reuse

    Once your grid layout looks the way you want, save the board as a template so your team can reuse the same structure for future sessions. This keeps recurring workflows, like sprint planning or retrospectives, consistent across boards.

Why this matters

You're planning a workshop or roadmap with dozens of sticky notes and images scattered across the canvas, and things feel messy. Setting up a grid layout gives your board visible structure, so remote collaborators can scan information quickly instead of hunting for related items.

Frequently asked questions

  • Is the Grid layout feature available on Miro's free plan?

    Yes, both the background grid and the Grid widget are available to free-plan users, making it easy for small teams to organize boards without upgrading.

  • What's the difference between the background grid and the Grid widget?

    The background grid is a visual guide of lines or dots used for alignment while you place objects. The Grid widget is an actual content container that organizes sticky notes, cards, or images into structured rows and columns.

  • Can multiple collaborators edit content inside a grid at the same time?

    Yes, Miro boards support real-time collaboration, so teammates can drag items into grid cells simultaneously and see updates live, which is useful during workshops or planning sessions.

  • Can I turn off the grid before exporting or presenting my board?

    Yes, return to the View menu and select None under Grid to hide background lines or dots before exporting an image or starting a presentation.

Create interactive demos like this one — free, no coding required.

Start for free →