How do I make GUI's Mobile Friendly

[yxuvies (Young)]

I own a group and we have GUI’s. Our GUI’s looks amazing on PC but when you join on Moblie is not the same. How can I make them similar?

[SuchTheLegendary (Such)]

The mobile device has fewer pixels and it will probably never look the same as on a PC

Edit: But you can make different GUIs that will look better on a mobile device

[yxuvies (Young)]

Here is how the UI’s looks on Moblie:

On PC:

[SuchTheLegendary (Such)]

I don’t know how to set it on mobile I’m sorry
I thought you meant the GUI appearance

[yxuvies (Young)]

No worries! I would like to thank you for trying to assist me!

[EpicCheatCodes (Epic)]

I personally use @ZacBytes’s AutoScale Lite plugin. It’s easy to use and will allow you to scale UI elements for all devices.

[Plugin] AutoScale Lite for GUIs - Scale your UI

[AutoScale Lite Banenr] Overview The plugin has two main functions. Converting a UI element’s size/position to Scale or Offset, and the auto scaling feature. The Add Constraint feature makes use of the UIAspectRatioConstraint which ensures that your UI retains it’s size on all screen sizes. You can add this constraint to your UI manually but my plugin does the calculating of the AspectRatio property by dividing the AbsoluteSizes so you don’t have to! [image] How do I use it hmmmmm? Firs…

[SuchTheLegendary (Such)]

Now I know how to fix it without plugins but do you still need help??

[neepstars2833 (Smurf)]

I am very interested in hearing this solution that’s why I came to this post, I actually saw the plug-in prior to searching for this result; please do share!

[AstronautJaye (Astro)]

Hi, you came 2 years late, but I can provide you with some assistance. In a UI, you have the Scale & the Offset. These are both very important.

The Scale is how big you want it to be, however, when you first go into studio, it is put into the offset. Offset is what causes the UI to be different on all screens, which is what you do not want. That is why when you go into a game and want to make a UI, you need to make the offset on the X and Y 0 before you do anything with it. Once you do that, you can scale it and it will be the same on all screens.

Without Offset (my device):

Without Offset (random tablet):

Hope I helped!

[neepstars2833 (Smurf)]

Thank you,

I can now deploy this to all my old UI’s!

I’ll also ensure this is how my design for UI’s is approached inside Roblox studio!