Ui looking very weird in game

Hi! I made this ui design. I like how it looks in studio but ingame it looks weird. Is there a way to keep it in place?

1 Like

I’m assuming the scale is off, i don’t see anything else wrong

Is one in studio and the other on the roblox app? The scale of your screen will be different without the roblox studio menus on screen so you have to check in different aspect ratios to be sure it looks correct in different screens

1 Like

Check the offset for the position. (its the second number) Set it to zero then make sure you are using the other number (the one above).

I dont understand this that well. But I do have this plugin called autoscale plus and it allows me to convert offset to size should I do that?

1 Like

Yeah that would be easier than what I was saying

Hey! I was having the same problem some time ago, what I did to fix it was, I made a frame (the container for the buttons) and put the buttons into the frame (as children of the frame). Next I put the frame’s AnchorPoint to 0.5, 0.5 and positioned it to the side and scaled it to fit all of the buttons. Then I added a UIAspectRatioConstraint into the frame by clicking the “Add Constraint” button in the Autoscale Lite plugin. I also made the frame’s transparency be 1.

I also converted all of the UI to Scale with the Autoscale Lite plugin.

I don’t know if this is the most efficient way to go about fixing this issue, but it worked for me! Reply if you have any other questions or if it doesn’t work :slight_smile:

1 Like

Thank you that definetly helps!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.