Arranging elements with pixel-perfect precision isn’t always easy. You can nudge items with arrow keys in UXPin, but there’s a better way that saves time: vertical and horizontal guides.
Sometimes you might want to divide your canvas into sections even before you put any elements on it. It’s a right moment to use guides! Just grab one of the rulers next to the canvas, move the mouse cursor and drop the guide somewhere on the canvas. It will appear as a red dotted line. Of course, you can create as many guides as you need to make a framework and distribute your elements easily.
Have you noticed that most of our elements have eight selection handles? They are more useful than you imagine. Thanks to them you can easily use smart guides. Smart guides appear as green lines whenever you move an element on the canvas and one of its handles is lined up directly with one of the other element’s handles. It helps to arrange an element with the reference to other elements on the canvas. Let’s see how it works:
The last option to mention here is snapping. It helps with the precise placement of the elements, because they will snap to both traditional and smart guides. Just as you can see above!
Showing and hiding guides
The guides feature is located in the View Options window. Depending on your needs you can show or hide all guides and enable/disable snapping as needed.
They are all enabled by default so all you need to do is to start designing! Guides are a great way to keep your elements aligned for sharp presentation to your stakeholders. And they’re easy. You could say using them is a snap.