How To Make Roblox UI

TotallyProgrammingPro — Fri, 16 Jan 2026 01:15:00 +0000

Step 1: Make the UI

Open Roblox Studio
In the Explorer, go to StarterGui
Insert a ScreenGui and rename it to MainMenuGui
Inside MainMenuGui, insert a Frame and rename it to MainFrame
Inside MainFrame, insert:
1. A TextLabel named Title
2. A TextButton named PlayButton

UI settings you should change

MainFrame

Size: {1, 0}, {1, 0}
BackgroundColor3: dark gray or whatever you want
BorderSizePixel: 0

Title

Text: MY GAME
TextScaled: true
Size: {0.6, 0}, {0.2, 0}
Position: {0.2, 0}, {0.15, 0}
BackgroundTransparency: 1

PlayButton

Text: PLAY
TextScaled: true
Size: {0.3, 0}, {0.12, 0}
Position: {0.35, 0}, {0.5, 0}

At this point, if you press Play in Studio, you should see the menu.

Step 2: Main menu script

Insert a LocalScript
Put it inside MainMenuGui

Script code

local player = game.Players.LocalPlayer
local gui = script.Parent
local mainFrame = gui:WaitForChild("MainFrame")
local playButton = mainFrame:WaitForChild("PlayButton")

playButton.MouseButton1Click:Connect(function()
    mainFrame.Visible = false
    print("Game Started")
end)

How this script works

LocalScripts run on the player’s computer, which is required for UI
script.Parent is the ScreenGui
WaitForChild makes sure the UI exists before using it
MouseButton1Click runs when the button is clicked
Setting Visible to false hides the menu instantly

No tricks, no magic.

Step 3: Lock the player until Play is pressed (optional)

If you want the player to not move until they click Play, do this.

Go to StarterPlayer
Open StarterPlayerScripts
Insert a LocalScript

Script code

local player = game.Players.LocalPlayer
local character = player.Character or player.CharacterAdded:Wait()
local humanoid = character:WaitForChild("Humanoid")

humanoid.WalkSpeed = 0
humanoid.JumpPower = 0

local gui = player.PlayerGui:WaitForChild("MainMenuGui")
local frame = gui:WaitForChild("MainFrame")

frame:GetPropertyChangedSignal("Visible"):Wait()

humanoid.WalkSpeed = 16
humanoid.JumpPower = 50

What this script is doing

Player spawns
Movement is disabled
Script waits until the menu frame becomes invisible
Once Play is clicked, movement is restored

This is a very standard Roblox setup.

I'm New

TotallyProgrammingPro — Fri, 16 Jan 2026 00:25:33 +0000

Uhm I'm new

DEV Community: TotallyProgrammingPro

How To Make Roblox UI

Step 1: Make the UI

UI settings you should change

Step 2: Main menu script

Script code

How this script works

Step 3: Lock the player until Play is pressed (optional)

Script code

What this script is doing

I'm New