

Note: The object's size determines if it can be added to the auto layout frame. Use Delete on your keyboard to remove the guide.Single click (the guide will turn blue).Hover over the guide to reveal the double-sided arrow.In addition to clicking and dragging the guide back to the rulers, you can also: This means you can view redline distances between the guide itself and other elements in the frame, as well as the parent frame. Guides inside frames are recognized as another object in the frame. When you select objects in the frame, you'll see the same blue highlights for the selected object. In addition, with a frame selected the rulers highlight in blue, calling attention to the coordinates of the frame on your canvas. When the guide intersects your frame it will begin measuring distances between the guide and objects in the frame.

This distance is also reflected in the ruler. You will see the distance (in pixels) between your guide and the frame. With a top level frame selected, hold Option (macOS) or Control (Windows) as you click and drag out a guide. The dotted line acts as visual indicator that your guide is intersecting with a frame on the canvas. Choose the option for Rulers from the menu.Ĭlick and drag on the horizontal and vertical rulers to pull guides onto your canvas.įigma has both Canvas and Frame level Guides for positioning and aligning objects in your designs.Clicking the menu icon in the upper left corner of the Editor.You can do this with the Shift + R keyboard shortcut, or by: In order to use Guides, you will first need to toggle Rulers "on". They can be added to Frames to create useful templates to align content that might be changing. Guides are helpful when you're trying to precisely position layers or objects in your designs. Looking for more? Check out our blog post about Guides.
