[Plugin] AutoScale Lite for GUIs - Scale your UI

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?
First, you need your GUI. Make sure it is in a ScreenGUI.

Second, select only the children of the ScreenGUI (not the descendants) and click the Add Constraint button.

This will add the constraint with the calculated AspectRatio property to the UI element, make sure you repeat step 2 for each child of the ScreenGUI. The descendants of the ScreenGUI will inherit the size of the parent so don’t go into each descendant and add a constraint to it.

Correct :white_check_mark: much smart
image

Wrong :x: bruh
image

Alternatively, try AutoScale Plus or Nightly for SmartScale feature which automatically detects the best scaling settings for all selected UI objects.

Let me know if you need any help!
ZacBytes


Plugin Link

(Make sure to leave a :+1:)

Documentation

Discord

AutoScale Plus
Want to support me and want more features? Check out AutoScale Plus

645 Likes
Making a GUI perfect on any screen
GUI isn't the same size for all devices
UI's going offset when in-game
How can i properly position UI
General Rule to UI Scaling
How to make a GUI stay on the same place for all devices?
Frame Scale Issue
[Plugin] AutoScale Plus for GUIs
GUI resize plugin?
UIs not positioned correctly
Help Please | How to fix ui size?
UIaspectRatioContraint not working
Help Scaling Gui
GUI Scaling on different devices (Help Needed)
How would I deal with GUIs being cut off on mobile devices?
How do I get my UI to be constrained?
Gui scaling problem
Getting the smooth material effect
How should I go about Cross-Platform UIs?
Perfectly Fitted UI
Scaling not working on making UI's compatible?
Text Not Wrapping Properly on Mobile
Tablet scaling problems
TextBox How to keep the same text size for every screen resolution?
GUI test on phone
How to properly set GUI sizes?
Why is my UI so squished? I'm using Offset
How to make a GUI stay on the same place for all devices?
GUI scales Incorrectly
Sizing GUI(s) For Different Devices Via Local Script
The gui is put on different sides. how do i fix it?
The UI must be on same position on every computer or phone
Help with scaling a GUI for mobile
Trouble with Placing ScreenGUIs
UI Size different on studio and game
How can I have same text size for every platform
Help with making UI scale for all screen sizes
Is nobody gonna talk about how Roblox just doesnt support Mobile GUIS
I need some help
UI changes position when testing and playing. (have constraint)
UI Problem when sizing to screen
Western Cuesta- A ROBLOX Deathrun Map-Looking for Feedback and Suggestions
Gui not scaling correctly
UI Rescaling To Different Resolution Help!
Scroll bar looks weird in game
How to adapt frame to different screens sizes
Text label inciting blurry text on mobile
UI Scaling on All Devices
UI Position remaining the same on all resolutions?
How do I make a full screen gui fit on all devices?
GUI's Not Compatible with Mobile...?
Best plugin to optimize UI for all devices
How do you convert offset into scale?
How can I make a transition like Meep City's?
Why does this frame keep moving to the left on different screen sizes?
UI Sizing issue (Help needed!)
How do you ALWAYS get UI scaled right across all devices?
How to go about with scaling GUIs
How Do I Fix this?
UI scaling help
Need Some Gui Animation Help!
UI not fitting on every screen
How can I scale this UI element and its children uniformly on all devices?
How would you make a UI look the same on all devices?
Why does my GUI change position?
Gui won't fit the same for every device
How do I make GUI's Mobile Friendly
UI proportions bad on different devices
When I scale objects in a scrolling frame, the objects get streched
UI scaling more or less properly on every resolution besides 1920 x 1080
Which is the best way to let UIs fit on every screen without using the Scale property?
GUI elements aren't scaling to other resolutions?
Improve My UI That I make to get more commissions
How do I make UIs stay the same size on all screen sizes?
Scale UI Need Help
Problem with Frame size in a ScrollingFrame
Problem with UI scaling
Textbutton's text doesn't scale properly
How to scale your preferred TextSize from a mobile device
Ui scale position
Name Tag Design issue
UI Scale to Phone
EXP system gui not working
Scrolling Frame Children not scaling for other devices
Help with inventory button
How do I achieve UI scaling like that?
I have a big problem With Gui
LayoutUtil: Automatically sizes a ScrollingFrame's UIGridLayout/UIListLayout
UI Scaling not working correctly
Problem with UI scaling
Need help scaling gui!
Simplest Way To Make Your GUI Fit To All Devices
Gui is streched
How to fix position of ui
Why does my UI grid fit improperly whenever I switch screen types?
LayoutUtil: Automatically sizes a ScrollingFrame's UIGridLayout/UIListLayout
Mobile graphics for my game is messed up
Help with tweening gui
My UI looks smushed when mobile devices have their screens not rotated
GUI Sizing Trouble
Help with GUI stuff
How can I make billboard gui not stretch?
How do I scale scrolling frames? (UI Import help)
How would I go about using different GUI designs depending on the player’s device/screen size?
Issue with making window bigger on click solved
How can I make UI not be so small on small devices
Problems with UI Scaling when the instance is in another
What are offsets in gui?
How to scale or position same on all devices
UI elements going out of position in different devices
Why is my GUI being stretched? | Nothing has helped so far
UI objects are being dragged down in game
Mobile UI not scaling
UI Messed up on different user's screens [FIXED!]
Gui on Xisor's "If trading were in mad city" thoughts?
How to set gui position depending on what device you are using
How to use 'TextScaled' without 'TextWrapped'
Any way to make ImageLabel scale properly?
UIPadding are different in the sides because of scaling
UI Not staying in place
Gui not fitting in other devices
How do I scale UI Items
Close close close close close
How to maintain content size of a scrolling frame with offset (or scale)
How can I make my Ui the same size / offset on all platforms
Health bar not scaling correctly
GUI Not Scaling despite Constraint
How do you make responsive Scaled "Star Rank" Clipping Descendent GUI?
GUI Scaling for Mobile/Devices
How can I improve my game?
How do I make the gui size like scaling the gui
How to add a icon adjacent to text
Scrolling Frame Children not scaling for other devices
Gui scailing on other divices
Nametags look huge on mobile
GUI size is different on devices, even when scaled
iOS Mobile Portrait Mode UI Cut-off
UI doesn't work on HD 1080 even when anchored and positioned correctly
How can I get GUI's to be resize on different sized screens, but still keep their shape?
[OPEN] Bon Appétit Bakery || Hiring Programmer
Help with making winner the same for all clients
Strange effect with button script
How do I scale a GUI's X and Y at the same time so that the things inside doesn't get messed up?
Problem adapting the frames to both devices
My Tweenservice kinda not working
Help with scaling
UIs not staying in place even with scale
How to make separate UIs for different devices
Scrolling Frame Issues (Scrolling frame scaling issues)
Scrolling Frame Scaling
(RESOLVED)Issues with maintaining content size of a scrolling frame
UI Position Issues on devices
[Plugin] Offset to Scale
Problem with one button getting so spaced out
UI not fiting in game
Frame not fiting in ScrollingFrame
Constructing a Radial Gui, and I need guidance(scripting)
Help With UI Positioning
UI descendants scaling problems
THIS brilliant PLUGIN is the BEST plugin on roblox
I made a ShopGUI, but I don't know how to adjust the scale on each device
Auto Scalar | Your new invisible helper!
Auto Scalar | Your new invisible helper!
[HELP NEEDED] Scaling Plugins Aren't Working
GUI error with resolutions
UI looking different in Studio, and play-test mode, than UI in normal game
UI Design Scaling Problem
What plugins are you using?
Weird UIGridLayout issue!
Help with GUI scaling
Help, How Would I Make GUIS Fit All Screens?
Methods for scaling UIs consistently
[DONE] GUI developer
Help Centering UI for all Screens!
GUI scale and fitting
What device should I use so my GUI could be better in my game?
Change an offset gui to a scaled one, without looking ugly
How to Scale Gui
How do you maintain image sizes for different resolutions?
Is this game worth advertising in the future?
How do I make my ui ratio the same for all devices
Swift - UI Size Plugin
UI descendants scaling problems
Gui is too small on bigger monitors, but if I make it larger, it can't be seen on the smaller screens
Using UIAspectRatioConstraint on Main menu
How can I make anything inside of a frame not small
User Interfaces | Chapter 1
UI Computer to Mobile Scaling issues
UI Scaling & Positioning Workarounds 101
Mobile UI Scaling Support
Scaling GUIs plugin

Cool! Good for UI Designing

37 Likes

Works perfectly fine!

13 Likes

Very awesome!

9 Likes

I would like for there to be an option to automatically convert any newly inserted UI elements to scale so I don’t have to do that manually. Then I would definitely get this.

27 Likes

Really cool! Thank you so much for making this plugin!! ;D

11 Likes

I actually started working on that yesterday lol, going to release it today.

Edit: Released the new update but the settings toggle doesn’t seem to be working, will fix tomorrow.

image
image

25 Likes

This plugin will make a fine addition to my collection

31 Likes

Awesome, I’ve been looking for something like this for ages. My attempts at UI design had been previously slaughtered by it looking funky on different size screens, and I never did get these UI constraint things. Thank you, this will be very helpful. :slight_smile:

10 Likes

Hi everyone, the new update has arrived and the setting now works.

image
Click the Settings button at the plugin tab to open this gui, your settings are saved through the plugin. Please tell me if you experience crashes when clicking the button.

20 Likes

This. Is. Amazing.

7 Likes

This actually helps a lot- great time saver.

7 Likes

So helpful! Thank you! :slight_smile:

8 Likes

Np, if you have any feature suggestions just message me <3

11 Likes

Yeah I noticed default scale would just make images or frames WAY too big and messing around with it can get really confusing and time consuming thanks for making this plugin, I’ll use it a lot :+1:

13 Likes

The AutoScale feature has actually transformed my UI design completely, and scalability is excellent now, so thank you!

One gripe I have about GUIs is that TextScaled is kinda limited; if you have a row of TextButtons, and each is set to automatically scale, they’re all going to have different text sizes and look terrible. Right now, I circumvent this in my game by changing the TextSize every time the game resolution is changed until TextFits = false for every TextLabel in the same “group”, and then use the the biggest TextSize that fits all the TextLabels in the group. Have you had any experience dealing with this? I hope it’s not too off-topic, but if no functionality exists (well… that I’m aware of) I feel like this would be a good concept for a public module (not sure how a plug-in would work).

10 Likes

Useful for new developers! Great job! :+1:

6 Likes

I’ve definitely experienced this before, I’ll look into how I could implement a fix into a plugin. Thanks!

(Might make a viewport frame plugin soon)

11 Likes

I thought of doing it as a module, where you have a method like Module:AddTextGroup(group), where group is an array of TextLabels/Buttons that must be the same size. Every time the method is called it scales the text group to the same, largest possible size, and every time the game resolution changes, it does the same for all added text groups

Actually, I think I’m gonna make this now, lol, I already do a similar thing for my game GUI, but it’s cumbersome having to connect to my custom ResolutionChanged event every time.

5 Likes

UITextSizeConstraints will help with this

6 Likes