How to show grids in XD

Looking for the layout grid in Adobe XD?

Grid and Guides are super helpful for creating layouts. They can be used for aligning object within your artboard, and will save you hours of time when doing UI layouts for a large web or mobile design project.

Here’s how to do it:

To Show Layout Grid

  1. Open your XD project file
  2. From the top menu bar, choose View > Show Layout Grid
  3. Or, toggle this option on and off using keyboard shortcut Shift Command ‘

To Show Guides

  1. Open your XD project file
  2. From the top menu bar, choose View > Guides > Show All Guides
  3. Or, toggle this option on and off using keyboard shortcut Command ;

To Show Square Grid

  1. Open your XD project file
  2. From the top menu bar, choose View > Show Square Grid
  3. Or, toggle this option on and off using keyboard shortcut Command ‘

Note: All of these can be hidden again be repeating the process. For instance, to hide the Layout Grids, choose View > Hide Layout Grid from the top menu bar.