Line height: should function as it does on the web
On the web, i often use line height to determin the height of the types container. Therefore the text should sit vertically centrally to its line height. This is different to how line height works in print.
I also use line height for vertical rhythm. see more info on this here:
http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
vertical rhythm is a huge factor when I design for web
Todd Padwick
shared this idea
72 comments
-
jonathan
commented
Omg, this is the reason why i'm using figma
-
Marijo
commented
This is by far the biggest issue with Adobe XD. Please, fix it!
-
Lukas Brückner
commented
Adobe please fix this. Feels like hell to always explain this to developers and to try to align text properly. Thanks
-
Daniel Jukes
commented
Adobe, please provide some sort of feedback. This is driving us crazy and the developers hate us for it!
-
nu
commented
plz fix it!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-
Jens Svanfelt
commented
I love most things about XD, but this line height issue is extremely frustrating and really needs to be fixed asap.
-
Chris
commented
Is there any update on this? XD is the only webdesign tool that ignores html text web behaviour.
We waited so long but will switch to figma no, because using (big) design systems and having this text issue is a dealbreaker. -
Olivier commented
Need this !
-
Anonymous
commented
This is pretty much the only reason I'm still using Sketch instead of XD.
-
Vladimir Dabic
commented
Please. Adobe PLEASE fix this! Thank you
-
Viktoras
commented
Please fix this!
-
Artavazd Baghdasaryan
commented
Can anyone from the team respond?
Maybe 250 votes are not enough but I believe you guys value quality over quantity. With this improvement, you will end up the war between front-end devs and designers :) Please do your best to fix this. -
Silver Spades
commented
Need this happen if we are supposed to switch from Sketch @150444348-elaine-adobe
-
Anonymous
commented
the line height in xd really drive me crazy
-
Adrian
commented
This needs to happen ASAP.
-
CaroT
commented
Me too requesting this. The text box snap to the grid, but the text inside doesn't. ...
-
Andy
commented
it is important for my work. Then Let's go to figma, guys
-
Александр
commented
mast important
-
Jarek
commented
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. -
Anonymous
commented
Does anyone know of a plug-in to help with this????
