[Plugin] AutoScale Lite for GUIs

AutoScale Plugin

Well, what can it do?

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: ur one smart boi
image

Wrong :x: bruh
image

Let me know if you need any help!
ZacBytes


Plugin Link


(Make sure to leave a :+1:)

Tutorial Video by Jaflanson!

AutoScale Plus
Want to support me and want more features? Check out AutoScale Plus
https://devforum.roblox.com/t/autoscale-premium-for-guis/601773?u=zacbytes


Updates
image
Condensed unit conversion buttons into a widget, now takes up 3 less buttons on plugin toolbar
-New Icons!

366 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
Frame Scale Issue
How to make a GUI stay on the same place for all devices?
Help Scaling Gui
GUI resize plugin?
UIaspectRatioContraint not working
How would I deal with GUIs being cut off on mobile devices?
GUI Scaling on different devices (Help Needed)
Help Please | How to fix ui size?
Perfectly Fitted UI
[HELP NEEDED] Scaling Plugins Aren't Working
Tablet scaling problems
Getting the smooth material effect
Gui scaling problem
Scaling not working on making UI's compatible?
UIs not positioned correctly
How should I go about Cross-Platform UIs?
Help with GUI scaling
UI looking different in Studio, and play-test mode, than UI in normal game
UI Design Scaling Problem
How to properly set GUI sizes?
Mobile UI Scaling Support
GUI test on phone
Scaling GUIs plugin
UI Messed up on different user's screens [FIXED!]
Using UIAspectRatioConstraint on Main menu
UI descendants scaling problems
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
[OPEN] Bon Appétit Bakery || Hiring Programmer
User Interfaces | Chapter 1
How can I make anything inside of a frame not small
Text Not Wrapping Properly on Mobile
What plugins are you using?
How do I make my ui ratio the same for all devices
Is this game worth advertising in the future?
How do you maintain image sizes for different resolutions?
Change an offset gui to a scaled one, without looking ugly
Help Centering UI for all Screens!
Methods for scaling UIs consistently
GUI error with resolutions
Weird UIGridLayout issue!
[DONE] GUI developer

Cool! Good for UI Designing

22 Likes

Works perfectly fine!

7 Likes

Very awesome!

5 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.

14 Likes

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

6 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

17 Likes

This plugin will make a fine addition to my collection

16 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:

7 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.

12 Likes

This. Is. Amazing.

4 Likes

This actually helps a lot- great time saver.

4 Likes

So helpful! Thank you! :slight_smile:

5 Likes

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

7 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:

8 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).

7 Likes

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

3 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)

6 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.

2 Likes

UITextSizeConstraints will help with this

2 Likes