Help with UI Positioning and Scaling issues

how do I fix UI scaling on all devices?
for example, on my studio display the UI is fitted as to how I’d like the UI to look.

… whereas on a Samsung device, the UI is not fitted at all to my standards and rather has weird spaces inbetween the buttons and has unusual text scaling.

i’ve already tried using plugins such as AutoScale Lite and several others to no avail. tried using AnchorPoints aswell, leading to the same issue. i was originally going to use UIGridLayout for the buttons but in my opinion the feature lacks customisability on positioning.

thanks in advance!

1 Like

I always use a Frame scaled to 1,0,1,0 as the “Screen” and apply a constraint to it while having the device I designed in (1080p). After that I anchor it to the left for your case and then I insert all ui elements into it.
I’m doing most of these things with the help of my plugin (has the constraint, the screen frame, a smart scale feature,…)
You may need to make it bigger for mobile devices with a script afterwards

2 Likes

this worked for the buttons, thank you, but how would you scale and position the “FREE CART” icon and coins correctly aswell?

edit: nevermind, got that sorted using the method you told. thanks!

1 Like