UI Scaling Issue

Hello!
I recently made a gui in Adobe XD, and I’m having some issues after importing it.
Here are some screenshots:

UI in Adobe XD

image
image

My plan is to make the Filled bar tweened to the amount of HP/Stat the player has, but when it comes to resizing it in Roblox, I get this:

UI in Roblox

image

How can I go about making a better fitting scaling option for this?
Please, Please, don’t link this topic:

I have already looked into it, and it is too complex for me, and I don’t know how to scale this properly. Thanks for your help!

1 Like

I had the same problem too when making that. But I found this post which is really helpful to non-square shaped bar.

1 Like

I have no clue if that’s possible on Adobe XD, but that’s personally what I do on photoshop. I first “merge” the layer’s styles if there are any, and merge layers if needed. Then, I copy the layer, and I click “open new file” and it should automatically fill the size with the image I copied. I usually write the sizes down in a notepad. The, I just export the layer as an image file. On Studio, I create an ImageLabel, change the size in offset (because it’s pixels) with what I wrote down earlier and upload the image to it.

1 Like

So how would I change the size from adobe/ps to roblox’s size

1 Like

Basically, when you have a layer/image copied in your clipboard, and open a new file on PS, it should automatically fill the resolution of it. Just write it somewhere (i write it on an notepad). Since it’s in pixels, you just have to use offset to scale it. If you dislike offset, you can put the offset values first and convert them to scale with that ui scale plugin. (btw this pic isnt from me, its from google cus im not on my pc atm)

image

1 Like

But one value always stays the same, as the other moves depending on the value, as that causes it to stretch, maybe i’m misinterpreting it though. If I had a 100x100 Pixel Image, How would I change it to level with roblox’s studs? I feel like I’m going about this wrong

1 Like

Oh, I’m not 100% sure of how to help in that case, apologies. But if you have a 100x100 pixel image, I would just put offset X 100 and offset Y 100. If you want to use scale without stretching it, I’d use thet UI scale plugin and I’d add an UIAspectRatioConstraint.

2 Likes