Today, I am going to show you the simplest way to make your GUI fit to all devices using this awesome plugin. Why we have to do this ? Well, i have seen people having problems with their GUI not scaled properly, it makes us feel quite uncomfortable. If something is wrong or having any suggestions, you can let me know down below. Anyways, let’s start.
Create a screen gui and a frame (or textlabel, textbutton,imagelabel,…) inside it, go to the properties and set the AnchorPoint to 0.5,0.5 (after adjusting, it will be moved a little bit, you can drag it back to its original position)
Open your plugin, we will need to use these buttons , click the blue one, select the UI which you want to scale then click Scale (both Position and Size)
STEP 3 [OPTIONAL]
Why is it optional ? Because done step 2, your gui has been rescaled properly. In this final step, we will add UIAspectRatioConstraint to keep the aspect ratio of the gui unaltered on any devices ( use the red button of the plugin )
For example, the ratio of the frame is 2:1, it will be changed on other devices if we don’t use UIAspectRatioConstraint ( i will use iPhone 4S in this case, as you can see, it changed from 300 x 150 to 131 x 90 [ not 2:1 anymore ] )
This will happen if you use UIAspectRatioConstraint ( you can see it changed to 131 x 65 [ closest to 2:1] )
Thanks for reading my first post, hope this helped. Have a nice day !