Outliner

Outline any page in one shortcut. See boxes, gaps, spacing, radiuses and font specs, in relative units or pixels.

Show outlines of any page in one shortcut. See boxes, gaps, spacing, radiuses and font specs, in relative units or pixels. Press Cmd/Ctrl+Shift+O and every element gets its box drawn, so you can see how the layout is built. Press Esc to exit. Hover anything and you also get the specs: • Hover over type for size and line height, as authored • Hold Opt/Alt to see padding, margins and the space between elements • Hold Cmd/Ctrl + Opt/Alt see see corner radius on anything • Hold Shift + Opt/Alt for width and height • Units: press U to switch between relative units and pixels There’s no account, no tracking and no setup. Built for designers and developers who want to see the structure first and get the numbers when they need them.