How to fix GUIs for mobile devices?

  1. What do you want to achieve? Keep it simple and clear!
  • I want to fix all of my GUIs to fit mobile devices and PC devices
  1. What is the issue? Include screenshots / videos if possible!
  • I don’t know how and cannot find any tutorials on it!
  1. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
  • I have tried the Developer Hub, YouTube, etc. Nothing works.

HERE IS A PICTURE OF MOBILE AND PC


Left: Computer view | Right: Mobile view

I want both to look like the one on the left, how do I make the GUI fit on both devices while not affecting the other device?

8 Likes

You have to scale the GUI you can do it easily with this plugin AutoScale Lite - Roblox
Here’s a tutorial in case you need it RobloxStudio Tutorial - AUTOSCALE Plugin by ZacBytes - YouTube

3 Likes

I recommend downloading this plugin: GUI Scaler - Roblox. This will keep the GUI the same on every device no matter the aspect ratio.

Without using any plugins at all one simple thing you can do is not change the Offset of the UI but the scale. Leave the offset at 0.

That’s what a friend once told me as I struggled with the same thing and I never believed him but then I got tired of trying all these plugins and none of them worked for me.

So I tried it and ever since my UI has been scaled properly with no hassle.

Let me know if you need more help in understanding how to do this! I would be happy to record a video or send screenshots!

He explains what I am trying to say much simpler and better!

1 Like

Besides Plug-Ins, all they really do is convert OffSet → Scale. Scale will fit everyone’s screen

image

1 Like

Hello everyone. Sorry for the late response as I was busy today. I used the recommended plugin(s) and they worked! I used the mobile device feature and they seemed to fit so I think they did. Thank you everyone for the help I actually do appreciate it! :smiley: