How do you make UI stay the same size while scaling up / down automatically with different screen sizes?

I’m still new to the whole UI thing and all the widgets we get for making UI work, but I keep running into an issue I’m unsure of on how to solve.

I want this UI to stay basically the exact relative when being scaled via screen size, and UI scale seems to work best, but it doesn’t auto scale with changing screensize.

I want it to scale like this automically with screen size:
ceb7b5a5bcd20e8147e7e419165ca01c

Basically the main issue is that I can’t seem to find anything that works like UIScale but with screensize, Is there anything out there that has an AutoScale feature that works the exact same way as UIScale?

i cant exactly see whats going on in the gif provided and im not too sure what it is youre trying to achieve but i think youre looking for the Udim2 scale value. if you look into the properties of a gui object and find its size, you will see that there are 4 values - they are {ScaleX, OffsetX}, {ScaleY, OffsetY} respectively. this also applies with position. what you want is to leave the OffsetX and OffsetY at 0 and only change the ScaleX and ScaleY. this will make it have a size (or position) relative to the screen size/resolution. here is a youtube video that may help Roblox Studio | UI Scaling Tutorial [How to Fit a UI on the Screen on any Device]

use scale for resizing

you can additionally use a UIAspectRatioConstraint to keep it the same aspect ratio on all monitors regardless of their aspect ratio

Make the Ui in pixels then add a UIScale instance under the main frame. Then you can add a script that will get the default screen size of your monitor and divide it by the viewport size to get the scale which you can apply to the UIScale. The benefit from this is that things like AutomaticSise and AutomaticCanvasSize will still work. But more importantly everything else scales down too (I.e., UIStroke thickness, scrolling frame bar thickness, and everything in pixels!)

1 Like

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