Hey devs,
I’m having trouble scaling UI for my game for mobile users specifically and can’t seem to wrap my head around it. My UI always appears way too small, making it extremely impractical and hard to use.
I’ve tried using autoscale lite and playing around with the roblox scaling features, but nothing seems to work.
Any advice, tips or scripts would be greatly appreciated.
Thank you!
Often times I end up creating entire different UI layouts for mobile users instead of relying on the same desktop layout. Neither of them in my work ever look nearly the same, only in their visual styling
Something like what you have could look nice if buttons are off to the side instead of the bottom to allow for you to expand the height of the daily rewards screen, potentially
On a completely unrelated note, that is some super clean UI! It’s rare to see someone try to stylize this much, so great work man : )
What Roblox has successfully missed in their UI design is a device pixel density.
Even worse, Roblox does not allow to detect current platform game runs on.
Popular approach to adapting UI to specific platform by checking current input method can fail, because pc with touch screen is not a phone, phone with keyboard and mouse is not a pc.
In current situation possible solutions are:
I might have to try that, thanks! Having the buttons to the side is also a great suggestion which I will look into. Having to create duplicated of the ui for mobile wasn’t the solution I wanted to resort too but it doesn’t look like I have a choice 
offset is a logical pixel sizing which accounts for pixel density. The challenge you are facing is that this also leaves less actual room compared to larger desktop screens. My recommendation would be to use style query and different mobile layouts.
