How to keep corner radius the same for all devices?

Help and Feedback Art Design Support
, ,
#1

Hello,

I’ve posted a topic like this before but never really got a clear answer… I’ve been doing basic UI design for a while now and constantly run into the following problem when trying to create round corners for frames:

The radius does not stay the same for all devices. For example:

This radius look good on my screen and when I test it on the mobile device it look like the corners shrunk or added more radius

(What I want it to look like)
ijoiosjda

(On mobile)
dsfijsdfjid

I need help figuring out how to keep the radius the same throughout all devices. Roblox does a feature that allows you to create these but they shrink when using scale, and the corner increases radius when using offset.

How can I fix this problem to keep the radius the same throughout all devices?

(Yes, I’ve checked the developer hub)

Thanks,
Skylexion

3 Likes
#2

You can only use scale:
image

Using offset achieves that, it only looks “bigger” because of the relative scaling.

5 Likes
#3

Even using only scale with a UIConstraint the gui also shrinks for me as well.

#4

Try using the auto scale lite plugin by Zacbytes.

Here is a link to the plugin - AutoScale Lite - Roblox

#5

You do realise I have also used that plugin and it does not work, guis keep moving to the left or right and getting bigger.

#6

Works like a charm, thanks man.
Been trying to fix this for awhile now.

2 Likes
#7

hes not using a constraint, inside the UICorner theres a thing called scale, just like frames and labels