Skip to main content
Participating Frequently
September 17, 2021
Question

Padding different in XD than Sketch and Figma?

  • September 17, 2021
  • 1 reply
  • 1057 views

Just curious I am mianly a sketch user and am creating the same design as a test in XD and figma. I notice the text padding is different in XD. So for:

One
Two
Three
Four

 

The text container in XD is 156px using 44px line height. With less padding on top and bottom. where in Figma and Sketch it is the same 176px. Just curious why such a difference? 

    This topic has been closed for replies.

    1 reply

    Spas K.
    Community Expert
    Community Expert
    September 17, 2021

    Xd applies line height as leading - the distance between each line of text, ignoring the first line. Figma and Sketch apply it the same way it's applied in CSS and browsers, as line-height, which is equal on the top and bottom sides of each line, and is part of the bounding box for the first line as well.

     

    Here's the difference:

     

     

     

    HighLowAuthor
    Participating Frequently
    September 18, 2021

    Hey thank you. This was bugging me so much. So, wouldn't sketch and figmas way be the proper way since that is how it is applied in css for browsers?