Show off your UI designs

Hello talented dude. Do you have Discord?

2 Likes


Style: idk
Program Used: Figma

Just a randomly made ui for my game.

1 Like

Can you tell me how you made that Shadow-Like Effect to the GUIs, it’s really cool!

I know you posted this ages ago but how did you do the background?

2 Likes

I just used ParticleEmitters and put a background behind it

4 Likes

Hmm personally Im a modeler but a few days back, I thought of trying out UI designing just for fun :stuck_out_tongue: Heres the ui I made:


Heres the post I made for people to suggest:
My Original Post
(didnt really open up this UI again to follow the suggestions coz I didnt feel like giving it much time :sweat_smile:)

my font viewer plugin ui
UI Style : Material
Programs Used : Rojo,VSC,RobloxStudio,XD

1 Like

This public? Would be very useful imo.

yes, you can get this plugin from here
https://www.roblox.com/library/5912666468/Font-Viewer

my custom rojo plugin ui
UI style : Material
Programs Used : Roblox Studio, XD
image

7 Likes

concept for in-game “permission prompts”

style – modern, minimal, clean
programs used – figma
inspiration – discord

32 Likes

This does not even look like Roblox to me. It looks like a website.

2 Likes

Was the animations all done with code (tweening) or did you use some kind of plugin?

Program used: Adobe XD

it’s not roblox in the first place

Looks like it’s a popup from Discord. Nice job.

1 Like

I am not sure why you are asking for permission to view their avatar? The ui looks nice but that would just scare me away from your game, asking for permissions.

1 Like

This is actually a feature of AvatarEditorService. It’s just my interpretation of a Discord-style version of the permission UI.

It doesn’t necessarily have to be the avatar editor prompts, it could be a purchase prompt, friend request prompt, etc.

2 Likes

Oh alright, looks good though.

2 Likes

Multi-selection dropdown!

18 Likes

A simple trick to make the background move without technically animating it is increasing the size of the image label and tweening it back in fourth with Enum.EasingDirection.Sine(because sine is a natural equation).
So:
Size = 1, 40, 1, 40
AnchorPoint = 0.5, 0.5
Position = 0.5, -20, 0.5, 0
Script:

--// local Script

local TS = game:GetService("TweenService")
local TI = TweenInto.new(2.8, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, 0, -1, true)

TS:Create(FrameHere, TI, {Position = UDim2.new(0.5, -20, 0.5, 0)}):Play()
7 Likes