# How to set gridlines in editor?

> Turning on grid settings is key to creating clean, well-aligned wireframes. Follow the steps below to access your grid...

Source: https://mockflow.com/docs/wireframepro/editor/to-set-gridlines-in-editor

Turning on grid settings is key to creating clean, well-aligned wireframes. Follow the steps below to access your grid settings.

1. Grid settings can be either opened from the top menu or from Page Settings, as shown below.

![Grid Settings (8).gif](https://assets.mockflow.com/docs/media/b13ad6a62f9cf9265d5f8f90.gif)

1. The component snapping within the selected grid setting can be chosen from these options: Snap to Grid, Snap to Component, or No Snapping.

![Grid Settings (5).gif](https://assets.mockflow.com/docs/media/6f5691707cf99c99a29a3bb4.gif)

1. In the grid settings can WireframePro supports two types of grids -

**Mesh Grid -**

![Grid Settings (7).gif](https://assets.mockflow.com/docs/media/1fbbb1222499556dbb977295.gif)

**960 Grid - **

![Grid Settings (6).gif](https://assets.mockflow.com/docs/media/2e471ff540f641c64acdb814.gif)

1. Both the Grids can be fully customized and displayed either in the foreground or background, based on user preference.