Show off your UI designs

Style: Modernimage

Programme used: Roblox Studio

Mouse Click event, Tweening, Clip Descendants

1 Like

Style: Modern

https://drive.google.com/file/d/11yvBuIfSY8f7WLkDaOnTSDRZygwmBMCB/view?usp=sharing

Made on Roblox + Adobe XD

1 Like

Style: realistic/cartoony?
Programme: Roblox Studio
Image:

Notes: NOT EVERYTHING WORKS! ONLY THE VIDEO PLAYING SYTEM (I made: Video Player - Roblox)

Thanks!

-24k_Remz

1 Like

First time UI Designing + bringing it to life

ezgif.com-gif-maker

Program: Studio
Let me know what you think!

4 Likes

Mockups for an Ice Cream Game! Update: Tweaked some minor details!
Flat 2.0 + Cartoon Styles
Adobe XD

Would you play if this was a real game? Let me know :yum:

17 Likes

Created a “helmet-style” HUD to display player stats, kinda inspired by Halo 3’s helmet HUD.

I love using 3D gui’s to create a kind of “immersive” HUD that looks like it is part of the game’s world.

7 Likes

Been playing around with Custom Proximity Prompts!

Still learning Lua, so scripting it was outside my comfort zone. But hey! At least it pops up… (no implementation for it just yet)

I’m mainly a UI/GFX artist, but I would love to develop my skills in User Experience (UX) and Front-end programming side of things!

14 Likes

35 Likes

Some UI I made for a place that I’m currently developing (a place for learning Japanese)
Made in Figma

19 Likes

just started designing ui’s but the style is flat/modern

Ul8unVLHIX

7 Likes

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




16 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