I am frustrated when I need to fix my components and whole layouts because of this!
I was wondering why on Earth my components differ between two MacBooks. I was trying to find the cause, and now I see what's going on. When I change the line-height it ruins the look of a button but when I keep it too high then the overall size of the button is wrong. Damn! Please Adobe fix this!
My case:
Two buttons: Font size: 14 px, Padding Top/Bottom: 12 px
- Figma gives me button height 40px
- XD gives me 43px because the line height is set to 24
- When I change it to 16px it looks weird, as the text goes down, and it looks like on top there is more than 12 px of padding.
I am frustrated when I need to fix my components and whole layouts because of this!
I was wondering why on Earth my components differ between two MacBooks. I was trying to find the cause, and now I see what's going on. When I change the line-height it ruins the look of a button but when I keep it too high then the overall size of the button is wrong. Damn! Please Adobe fix this!
My case:
Two buttons: Font size: 14 px, Padding Top/Bottom: 12 px
- Figma gives me button height 40px
- XD gives me 43px because the line height is set to 24
- When I change it to 16px it looks weird, as the text goes down, and it looks like on top there is more than 12 px of padding.