How to Plan, Design and Build Quality User Interfaces

You do transition colours by using Tween Service. You can tween each RGB value to the check mark value and you’ll get the nice transition effect.

2 Likes

Oh, as me, have .01% knowledge of scripting, that’ll be something I have to research.

1 Like

There’s no need for competition :grinning:

2 Likes

Speed up the animation. :stuck_out_tongue:

2 Likes

Thank you so much for this. I was struggling so badly with ui and I was considering hiring someone. Adobe XD is exactly what I needed. Everything looks so crisp

2 Likes

I created a blank file with the Roblox Topbar that can serve as a template for those who want to create interfaces that involve the Topbar.

How it looks like:
image

9 Likes

This is a good tutorial but I have a huge problem. When I want to open Adobe XD there is a blank page and then the program is closing after 2-3 seconds

1 Like

Oh well nevermind, I did a mistake, now it’s fixed!

1 Like

For others who may run into the same issue, you must open the Adobe Creative Cloud application first before opening Adobe XD and using its online features, however if your files are offline(saved on your computer), you need not open the Creative Cloud application first before Adobe XD.

Edit:
Make sure to leave Adobe Creative Cloud running in the background.

1 Like

Great guide, it’s never occurred to me that Adobe XD could be used for Roblox UI design.

1 Like

Am I the only one having problems with getting Xd? I install it, but when I tried to open the .exe nothing happens.

1 Like

Is your Adobe Creative Cloud open in the background?

1 Like

No because that won’t open either.

1 Like

This was a very descriptive post. Thanks for the information! I am UI Designer who is currently looking to become good. This post will be helping me out, that is for sure! Thanks again! :slight_smile:

2 Likes

Thanks for making this tutorial! Can’t wait to use this to help me make better UIs.

Edit: Wow, I’m late.

2 Likes