/
Browse all pages

Guides

Guides that snap to elements, saved per site, and exported or imported as a file.

A guide is a line you pin to the page to check alignment. Guides snap to what is under them and are saved per site.

  1. Press on a ruler and drag onto the page. The top ruler makes a horizontal guide.
  2. Drag a guide to move it. Drop it back on its ruler to remove it.
  3. Click a guide to make it active, then nudge it with the arrow keys: 1px, or 10px with Shift. Delete removes it.
  4. Double-click a guide to type an exact position, in the current unit and origin. Enter applies it.

Guides snap to element edges and centres within 4px. Hold Ctrl while dragging to place one freely. Gaps between guides are labelled.

Guides are saved per site, so they are back when you return to the page.

Questions

How do I place a guide at an exact position?

Double-click it and type the position, in the current unit and origin, then press Enter.

Can I stop a guide snapping?

Yes. Hold Mod (Ctrl, or Cmd on a Mac) while dragging to place it freely. Otherwise guides snap to element edges and centres within 4px.

Can I share a site's guides with my team?

Yes. Export them to a JSON file from Settings, and import it in another browser. Importing replaces the guides saved for the site.