Why is my UI so squished? I'm using Offset

[Rynappel]

So should I be using Scale instead of Offset and inserting UISizeConstraints into my UI? Do I need to inset a UISizeConstraint for every Frame, TextLabel etc?

[FoxythDou]

UI Design Starter Guide Here, there’s a starter guide that i found helpful. It explains more, and really gives all the downsides of both scale and offset.

[rek_kie (Ike)]

All you need is to convert to scale sizing and a UIAspectRatioConstraint, you don’t need a size constraint.

Here’s a really helpful plugin that does this:

[Plugin] AutoScale Lite for GUIs - Scale your UI

[AutoScale Lite Banenr] 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? Firs…

[FoxythDou]

Speaking of this yes, But luckily there is a plugin for this. It’s Called AutoScale. it can convert Offset to scale without changing its size. Here’s the link. AutoScale Lite - Roblox

oops got late to the party.

[Orbitaire]

This plugin messes the Ui up as I have found I personally don’t suggest using it.

[FlashFlame_Roblox (LocalPlayer)]

What do you mean mess up? It works fine.

[FoxythDou]

Confused, It works. Ive been using it for few weeks now and its pretty effective ngl.

[Orbitaire]

Not for me. (30 characters…)

[FoxythDou]

How exactly tho? really30chars

[Rynappel]

Watch the tutorial on it https://www.youtube.com/watch?v=Mafquy7YQmA&feature=youtu.be

[Rynappel]

Life saver man I’ll try this out and tell you if it works

[FoxythDou]

No Problem! Hope your project becomes finished!

[Rynappel]

Work perfectly, but the position is kinda off @cool900s.

[MatkoRBX (Matko)]

Using only offset is bad practice. Try to learn how to size and position using scale.

Also, if you’d like to centre the UI’s, place all of the UI’s into a holding frame and position that to 0.5, 0, 0.5, 0 and set the AnchorPoint of 0.5, 0.5.

[FoxythDou]

You can both combine UISizeConstraint and scale. Its on this post.

[Rynappel]

How would I make the it keep the same position aswell? I’m using tweening for my GUI’s and the tween doesnt fully tween out all the way on some devices. Should I use offset for positioning?

[FoxythDou]

No, as i said use one. If offset, tween using offset, if scale tween using scale.

[epochzx (epoch)]

If it doesn’t work for you then you’re probably using an outdated version, after not coming into studio for a few weeks personally and trying to use the plugin it moved the position of my UIs and messed them up aswell, make sure you open your plugins manager in the very top left of the plugins tab regularly to see if any plugins need updating.

[epochzx (epoch)]

I’d also like to recommend the Plus version of the Autoscale Plugin, it has pretty handy features like automatically converting UI elements to scale when they’re added to studio and other things like setting the background transparency to 1, automatically removing borders and much more. If you have the Robux for it it’s a pretty good investment for UI making.

AutoScale Plus - Roblox

[Rynappel]

Thank you so much definitely will consider this plugin!