Skip to content

Snap to Grid in Wireframe editor

By default, when you move components in the Wireframe editor, it does not snap-to-grid. However, if you want to snap components...

Updated 16 Sep 20261 min read

By default, when you move components in the Wireframe editor, it does not snap-to-grid. However, if you want to snap components by a certain distance when you move them, it can be configured in "Grid Settings" as shown below. Once enabled, the settings are saved with the project.


Configure snap-to-grid settings


  1. Open the grid settings by selecting ‘Pages’ or by clicking ‘Project’ from the top menu in the Wireframing editor sidebar.


Grid Settings (11).gif


  1. In the grid settings, enable ‘Snap to Grid’.


Grid Settings (10).gif


  1. Enter the desired snap position value, which determines the spacing for component movement.


Grid Settings (9).gif


  1. Components will now move based on the specified snap position, ensuring consistent alignment and spacing.


Grid Settings (12).gif




Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft