SodaSodaDocs
Open Soda

Docs The Studio

Rulers, guides, grid and safe zones

Aids for lining things up and keeping them clear of the platform's own buttons.

These are drawing aids. They are never part of the design, never exported, and (except safe zones) are remembered per browser.

Snapping

While you drag a layer, it catches on the page edges and centre, the page margins, and the edges and centres of other layers. A red line shows what it caught. Hold ⌥ (Alt) to drag freely, or turn it off with View → Snap to guides.

Grid and margins

  • View → Show grid (⌘ ') lays a grid over the page.
  • View → Show margins shows an inner margin at 6% of the shorter side: a comfortable distance from the edge for text.

Rulers and guides

  1. Choose View → Show rulers (or press ⇧R). Rulers appear along the top and left, measured in page pixels.
  2. Drag down from the top ruler for a horizontal guide, or right from the left ruler for a vertical one. A label shows the position as you drag.
  3. Guides catch on the page edges and centre, and layers snap to guides.
  4. Drag a guide to move it. Drag it back onto the ruler to remove it. View → Clear guides on this page removes them all.

Safe zones

Platforms draw their own interface over your post: a profile bar, a caption, buttons. Safe zones shade the parts of the page that will be covered or cropped, so you keep text and logos out of them.

  1. Below the canvas, open the safe zones picker.
  2. Choose where the post is going. Only places that fit the page's shape are offered.
  3. Keep important things out of the shaded bands. Choose Safe zones off when you are done.
PlaceBased on
Instagram StoryMeta's published figures: about 14% at the top, 35% at the bottom, 6% each side.
Pinterest vertical (Idea ad)Pinterest's published figures.
Instagram profile grid, Instagram Reel, TikTok, YouTube Shorts, Pinterest pin, LinkedIn feed, X feed, Facebook feedOur own cautious estimate, marked "(approx.)". The platform publishes no figure.