How do I properly scale a description text on all screen sizes?

Help and Feedback Art Design Support
1

I’m not a UI designer. I’ll start with that, so I’m completely lost on how all this stuff works, I’m just trying random things and seeing what works and what doesn’t.

I’m making this frame that displays info about a selected item, and I’m having problems with making the text look nice. I’m not sure what I should be using, text scaled / text size / what size constraint to use etc.
If I use text scaled and text wrapped, it looks awful:
image

Without text scaled, it looks good on PC, but breaks on mobile:
image
image

So, how the hell do you UI developers do all this stuff, and actually make it look good?

1 Like
2

This probably is by far not the best option but you can just scale the text box to make the text look good. Also you could probably write something that changes the size of the text based on the client’s resolution.

3

Hey!

I would use the AutoScale Plugin by ZacBytes

Scale the TextBoxes position by using the “Position” button with the plugin, and then do the same by clicking the “Size Button”.

Once you have done that, add a Constraint to the TextBox by clicking the “add constraint” button.

That should fix your issue :slightly_smiling_face: