Sketch renders the height of the text layers based on the layer’s line-height
One of the things I love about the way Sketch handles text bounding boxes compared to Photoshop. Rendering the layers height based on line-height translates closely — but not perfectly of course — to what you’ll see in the browser when designing web pages. This means that if you’re using a spacing system you can space text elements from other text elements or graphics with confidence which makes dev handover (through something like Zeplin) and implementation much easier. Photoshop on the other hand appears to clip the bounding box to the gylphs in a text element, regardless of whatever leading you’ve applied. This makes spacing a much more “by eye” process which hampers consistency and translates poorly into handover apps like Zeplin. For example, a designer might want to vertically space a header and a paragraph by 20px but the smart-guide measured spacing in PS and Zeplin will be 25–30px. Not much difference, but as you concluded these can add up.
