GUI Design Tips

The Problem
Hi there! After using GUI’s a lot and just using the default roblox frames and using the roundify plugin a lot I want now to make GUI’s made with other programs then just using roblox studio, since I see that you can create way better GUI’s with it. I just installed adobe xd and made this with it:


This is a close button that I made, I am only not happy with the result.
So I was wondering if you have any tips of how to use adobe xd and if there are any better GUI design programs.

Thanks for reading and I hope you have some tips for me :slightly_smiling_face:

3 Likes

I never really thought of Adobe XD to be used for something like that, but the outcome is really nice.
I don’t think a lot of GUI designers use XD, some use photoshop, photopea.com, PDN, and gimp.
The last 3 are completely free and are very reliable, and photoshop is paid.
Personally I use all of the last 3 ones, but each has there perks

A few Perks

Photopea is pretty much photoshop, and you can use it with out installing it.
PDN is very easy to understand, and is very user friendly.
One oft favourite gimp feature is pattern fill, so you can use the paint bucket as a solid colour or a pre-made pattern.

3 Likes

Thanks for reccomending me that programs! I already have photoshop and gimp, I will look at photopea and PDN!

2 Likes

I recommend trying Affinity Designer. It works like a charm!

1 Like

Try gravita.io it’s quite easy to hold on but gets you limited when your more experienced and want more features.

1 Like