Need help with fixing GUI allignment

I am trying to add GUI to my game however it shows up perfectly fine in the editor with Anchor points set to {0.5, 0.5} however when the game starts the UI on the left side is moving weirdly. I’m not too familiar with how the GUI system works in Studio so would greatly appreciate it if somebody could give me some guidance. I also tried using the AutoScale Lite plugin however that just bugged most of the UI positioning and scaling out even more.

In Editor:

In Game:

I suggest using this plugin: AutoScale Lite - Roblox

It is a really good plugin and can fix your problem, and also will make the UI fit for mobile, and etc. When you use it, use Unit Conversion. And do position and scale.

1 Like

I have already tried using that. Maybe I’ve been using it wrong however it seems to make Buttons stretched and disproportioned. Should I be selecting everything in my GUI when using it? Also should I select Scale on Position and Scale setting?

Scale on size and position and use UISizeConstraints

Maybe try using the absolute position rather than then scaled. Udim2.new(0, Xpos, 0, Ypos)

It looks like you want the anchor point to be on the left rather than in the middle

Position = UDim2.new(0.5, 0, yHeight, 0)

Make sure to set the X scale to 0.5 and all offsets to 0

Oh this worked pretty well. I Think I was just using the plugin wrongly but thank you for the help. It fits well now

2 Likes