i have made a UI main Menu it looks good on my laptop screen but it dose not look the same of other bigger or smaller screens what do i do to fix this?
i have used auto-scale lite but it isn’t working or i dont know how to use it.
3 Likes
Autoscale lite works fine. It’s just because in Studio, the UI is shrunk to fit the studio window. I’d try moving the workspace tab out of the application window, or to a different monitor. That way you can see what it looks like on all sizes.
the scale is fine but on a bigger screen my UI is a bit to the left but on mine its fine how can i fix that?
1 Like
So let’s say I have a screenGUI and a Frame in it right? I want it to be the same for all platforms and make it look good.
So, what I do is that press on the properties of the Frame or anything you’ve put in (go to view and click on properties), once in, go to the Size panel and you’ll see X and Y, now press on X first and put the offset to 0, and put the scale to .1 at first, then scale it how much you want, same thing for the Y.
To check sizes on all platforms, see what it looks like on your PC and click the Phone screen in the studio, there you will see how it looks on phone, ect.
Remember to do it for all the stuff you have in your screen GUI, always scale GUI’s be removing the offset to 0, then scaling it by the Scale pannel.
Hope this helps!
1 Like
You can add a UIAspectConstraintRatio to control different screen size UI layout. UIAspectRatioConstraint | Documentation - Roblox Creator Hub
Use anchors and location in the properties editor. For a centered GUI, use anchor 0.5,0.5 and position 0.5,0,0.5,0
1 Like
You can also use the plugin “Gui Rescaler”
is just align where you want on the screen and then select the ScreenGui and press the plugin