Indicators make it easy to measure spacing while designing. They provide visual guides that show the distance between elements and the edges of your canvas, helping you create balanced and accurately aligned designs.
Measure Distance to the Canvas Edge
When you select an element on the canvas, Spacing Indicators automatically display the distance between the selected object and the edges of the design.
This allows you to:
Align elements more precisely
Maintain consistent margins
Create cleaner, more professional layouts
Measure Distance Between Elements
You can also measure the space between two elements.
To do this:
Select an element on the canvas.
Hold the Option key (Alt on Windows).
Hover over another element.
The Spacing Indicators will display:
Horizontal (X) spacing
Vertical (Y) spacing
This makes it easy to check and maintain consistent spacing between objects without manually calculating distances.
Why Use Spacing Indicators?
Spacing Indicators help you:
Create pixel-perfect layouts
Maintain consistent spacing
Improve alignment accuracy
Speed up your design workflow
Build more polished creative assets
Tips
Use Spacing Indicators when aligning buttons, text blocks, images, and other design elements.
Check spacing between repeated elements to keep layouts visually consistent.
Combine Spacing Indicators with alignment and snapping tools for even faster design creation.
Ready to start designing?
👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.