Hi! I made UI in Adobe XD, but I have no idea how to export it and import it into studio as a ImageLabel or ImageButton. Please help me. Thank you so much!
I’ve never used Adobe XD, but from the little I read, you can export as PNG or JPG images.
After that, just enter Studio and import these images:
You would have to make sure that your UI is on a transparent canvas, crop it then save it as a PNG image file.
You would then need to upload the PNG file to Roblox as a decal (https://www.roblox.com/develop?View=13).
After uploading your image to Roblox you can click on it in the “Decals” section at the bottom of the screen where all of your Decals are located which will open up a new tab in your browser, from there you need to copy the URL of the tab.
You can then insert the URL into the “Image” property of an ImageLabel or Button.
Keep in mind that all ImageLabels are sized to 100x100 by default, which means that your UI will appear very blurry/stretched. Resize it to the size it is in Adobe XD to unblur/unstretch it.
1 Like
Ok, thanks. I’ll try that. Thank you again!