Skip to main content
HighLow
Participating Frequently
Sep 17, 2021 12:38 AM UTC
Question

Padding different in XD than Sketch and Figma?

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 is closed to new replies. Start a new post to keep the conversation going.

    2 replies

    Spas K.
    Community Expert
    Spas K.Community Expert
    Community Expert
    Sep 17, 2021 6:32 AM UTC

    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:

     

     

     

    Translate
    HighLowAuthor
    Participating Frequently
    Sep 18, 2021 2:07 AM UTC

    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?

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices