UI Proportional Scaling

Hi, I’m will. I also go by willozzy_dev on Roblox.

I was wondering if there is a way to kind of anchor UI and make it have the same proportion when on different displays. If anyone could help me out I would really appreciate it.

Thanks for passing by! :yum:

1 Like

Try swapping the offset with scale using this.

You have to use something called scale, which makes the ui “scale” to different devices.

That’s my definition, correct me if I’m wrong

By default, the ui uses “offset”, which makes it fit on only the original position/size. (Making it stretch in attempt to use the original proportions)
Use AutoScale Lite with the proportion tool as @meteor0id said.

1 Like

Just select the frame or label you want scaled, then open the scaling menu and click “scale” for position and size.

1 Like

I’ve used that Extension before, but it messed up my game BIG time.

Well, the plugin just is an easier way to do what you’re asking. With or without the plugin, you need to use scale. Are you asking for size or position fixed? UIRatioConstraint can help too, if you haven’t tried that already.

This makes the UI have the same w : h ratio:


Alternatively, you can use the GuiObject.SizeConstraint property to make the x scale and y scale based on the same axis (example: 0.5 of parent width = element width, 0.2 of parent width = element height).

2 Likes