Request details

← Adobe XD: Feature Requests

Vertical Alignment of text in text box

Ability to align text to the top/middle/bottom of the text box. I'm sure you've already got the horizontal alignment options covered in your checklist.

737 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Dashanan shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

68 comments

Attach a File
Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • TK commented  ·   ·  Flag as inappropriate

    I am trying XD for the first time while working with a client that cannot use Sketch files. Within the first 10 minutes, I noticed you can't vertically align text within an area. This is a dealbreaker, as many of my components rely on that.

  • Guillaume Millot commented  ·   ·  Flag as inappropriate

    I agree that this feature is key to accelerate the design.

    For example, let's take a text inside a text box with font size 32px and line height 38px. In Adobe XD, the text is align to the top of the textbox. In html the text is by default vertically centered. In order to match my design in Adobe XD with the html, in Adobe XD I need to manually move down the text box by 0.5 * (38px - 32px) = 3px, to match with the html so it's really a pain.

    Figma has this feature, where you can choose vertical alignment to bottom, center or top.

  • Ron commented  ·   ·  Flag as inappropriate

    Such a simple feature...if this doesn't get added, I'm going back to Sketch.

  • Romu commented  ·   ·  Flag as inappropriate

    Not having this simple feature makes really difficult to design based on a 8 pt grid, for example. Even if we can resize the area text, the text itself doesn't get centered. It's really, really important to have this.

    Having a field to the line height would be great also.

  • Mark Bird commented  ·   ·  Flag as inappropriate

    Whilst the repeat grid feature is great, it really falls down when I have to break it apart just to manually vertically centre text because the feature isn't available.

  • mathias commented  ·   ·  Flag as inappropriate

    YES. This feature is fully supported by browsers via CSS styles now.

    If AdobeXD would facilitate vert alignment for textboxes it would be a significant workflow improvement.

  • Martin commented  ·   ·  Flag as inappropriate

    Can<t beleive this request was not done while you did the horizontal alignment wizard :/

  • dan commented  ·   ·  Flag as inappropriate

    i need vertical alignment in text boxes for adobe XI too!
    Can anyone help??

  • Matt commented  ·   ·  Flag as inappropriate

    Well as I have to show this to a client I'm not going to waste any more of my time.

    I can't say to them that "the text will be centered vertically when I do it properly"

    Project aborted.

← Previous 1 3 4

Adobe XD: Feature Requests: 01 : Design mode

Categories

Feedback and Knowledge Base

(thinking…)