Vectorize Text
I noticed that the text box around text can be centered/aligned itself, but the text inside it is always at the bottom of the text box and not centered, making it hard to center/align text with other objects.
For example, if you create a rectangle for a button (see image), and add in a text box with some text that says something like "button," and center both together vertically and horizontally, the text will be slightly lower than center because the text is not centered inside the text box.
Some have already posted the idea of adding alignment tools, but I would like it to go one step further and rasterize/vectorize the text so I can manipulate it even further.
I have been using XD to make my own icons while wireframing and prototyping my ideas so I do not have to jump between software. So, having the ability to create text, vectorize it into an object, and then modify it, would be great, and since it would then be an object, it would center correctly as well.
Vectorize text via Object → Path → Convert to Path
Tom (Adobe XD)
-
Doug Oberndorf commented
Someone from Adobe (Stuart) contacted me about this. It was from an email that I could not reply to, so I wanted to at least post a follow up to the information I received...
I was told that Object > Path > Convert to Path (Cmd+8) would convert the text into shapes that can be manipulated. I looked at this option so many times and it never occurred to me that the path option is what I needed to turn text into objects. I use Photoshop and Illustrator all the time and use options like that a ton, but for some reason in XD, it just did not occur to me. So, that is my fault and it works well.
However, the text being bottom aligned inside the text box has not been resolved and/or I have not heard any options on how to center text horizontally or vertically due to that issue.
For this comment, I am not able to attach images, or at least do not see an option to attach an image, so I will just have to explain the following:
If you create 3 text boxes, one with all caps, one with first letter caps, and one with no caps...you will see that the one with no caps (all lowercase letters) is lower in the text box than the other two.
Also, if you create 2 lower case text boxes, let's say one in red text, and one in black text, and then convert one of them into a path, and center both horizontally and vertically on the artboard, you will see that the path object is centered correctly, while the lower case text box is not and is slightly off the mark...or at least the text is. So, to get the correct lower case text box to align correctly, it needs to be converted into a path first.