Snapping and smart guides

When you move objects on the canvas, the editor tries to suggest alignment relative to other objects on the canvas using smart guides. The editor also shows when controls are equally-spaced and equally-sized.

This makes alignment easier and makes your wireframes generally look neater.

gif

For controls that behave as containers (e.g. Browser Window, iPhone & iPad, Rectangle, and Tabs) you can snap to a grid of columns inside each control. You can choose 1, 2, 3, 4, 6, 8, or 12 columns. Selecting Automatic will choose the appropriate number of columns based on the size of the control.

You can also specify an Outside margin to center the columns inside the control.


Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.