Use Guidelines for Pixel Perfect Alignment

knlowledgeart

Use Guidelines for Pixel Perfect Alignment

You can use Guides in the Studio to line up elements on the Canvas or to create guide templates that can be used across multiple pages and experiences. To create a guide, simply drag your cursor from the top or left-hand ruler bar onto your canvas. While dragging, you’ll notice numbers that indicate your pixel placement on the canvas for more accurate alignment. Release your click when you are happy with the guides’ alignment.

To move it again, double-click on the guide, in the ruler bar, to enter “Guide Mode.” While in this mode you can select multiple guides without having to worry about selecting other objects on the canvas. To select guides simply drag your cursor over the guides you wish to manipulate, hold shift and click multiple guides, or hold CMD (CTRL on PC) to select the guides you would like to manipulate individually.

Additionally, you can also copy and paste guides to different pages and across experiences while in guide mode. This is a great feature if you have similar layouts for multiple pages and want to ensure your experience stays uniform.

To delete a guide, simply double-click on the guide to enter guide mode and either hit the delete key or drag it off the side of the canvas.