Show off your UI designs

That looks really amazing! It looks like what an indie game would have

1 Like

I made another report UI (since I wanted to improve on my last UI), and this is what I created!
Layer 1 (92)

Roblox didn’t actually have a dropdown class at all for me to copy, so I tried making my own using Roblox’s already existing design style. I also made it scalable too! I’m looking forward to making more UI like this!

29 Likes

Program: Photopea




14 Likes

Decided to randomly play around in studio and I’ve decided to try and re-make some of the HUD from Mad Games.


Style: Minimalistic
Program: Roblox Studio
Image:

3 Likes

My first UI


It’s not actually usable it’s just an image design.
EDIT: learned how to import it.

5 Likes

I’ve been making this pretty cool UI Design. A shop UI.

The UI:

1 Like

A good way to make rounded corners is just use UICorners. Just Insert it to an imagelabel, imagebutton, textbutton, textlabel, or a frame, and it’ll round the corners. It even has I guess a ratio property so you can adjust the size of the curve.

I made an Alert GUI, based off of UIBlox’s Alert design.
image

I might release this soon so that anyone can use this :eyes:

13 Likes

Squircles!

All “rounded” frames in the UI is built with squircles

28 Likes

Another beautiful UI made by 7kayoh.
Just wondering, how did you get the squircle? best word ever

A squircle is a combination of a Square and a Circle, forming a rounded frame, known as a squircle.

1 Like

I used a squircle image, which can be created by a designing software like Sketch (Smooth Corners, not Rounded Corners) or Figma. Then applied an alpha bleed onto the image, finally using 9slice so it will works in whatever sizes and ratios.

A squircle is much natural than a rounded square, this is because the curves in a squircle is drawn in a way so its curviness is gradually increased, as a result there is no sudden jump in the curvature

3 Likes

ViewportFrames… not good enough! The FPS version of a GUI!

8 Likes

FFXIV fans!

Been playing the game just as much as the next person. Decided to remake some of the overhead UI and imported all of the game’s titles for your choosing!

Been two years since I posted these screenshots and that video. I figured I might give a quick update on where this project is at:

25 Likes

Wow. This looks insanely realistic.

Again, more great UI


Been working on making a Roblox desktop concept possibly, been using Figma for this (haven’t yet used the new interactive components)

16 Likes

Incredible! Great design, great everything! Looks like a game a company would’ve made! Keep up the progress, I’m going to be the first to play.

1 Like

Style: Cartoony
Programme used to create your UI: Photoshop
Pictures:

3 Likes


Quite unfinished but I would call this something.

23 Likes

making some progress on my Picular Plugin redesign

OfBZeOJba8

8 Likes