ROBLOX - HOW TO MAKE GUIS

Learn how to design good GUIs on Roblox! You can make GUIs on Roblox today by watching this UI tutorial designed for beginners! We also dive into how to make good-looking GUIs (meaning you can improve if you already design GUIs)!
Want to learn how to make money on Roblox and become successful? Check out my exclusive community: www.joinmoneyblox.com
Feel free to also check out my channel, which teaches you how to script, how to build, and more!
- Video on the best ways to learn to script: • THE BEST WAYS TO LEARN...
- Roblox Studio Tutorial for Beginners video: • ROBLOX Studio Tutorial...
- Zero to Hero Series Playlist: • Roblox Scripting - Fro...
- How to Build video: • ROBLOX - How to Build ...
- How to make a game: • HOW TO MAKE A ROBLOX GAME
- How to make a game popular: • HOW TO MAKE YOUR GAME ...
Just a word of advice, don't give up! Over 10 years ago I wanted to learn how to make games and was faced with this challenge; learning how to code. I know, it's hard. It takes dedication and practice, and I believe you've got the stuff in you to succeed!
Do you have any questions or suggestions regarding my videos? Leave a comment, I try and read all of them!
⭐ Subscribe to my KZread channel for more content: bit.ly/SubToCovertCode
⭐ Get in touch with CovertCode:
Twitter: / realcalvingray
Roblox: bit.ly/38fp4v3
#CovertCode #RobloxScriptingTutorials #RobloxDev #Roblox

Пікірлер: 247

  • @Plexed.
    @Plexed. Жыл бұрын

    Not only did he show us how to do it he went over how everything works which was really helpful well done. You earned yourself a new sub

  • @ucreativething

    @ucreativething

    Жыл бұрын

    ya

  • @terminatorsd6686
    @terminatorsd6686 Жыл бұрын

    First video Ive watched about Developing a game that was actually very beginner friendly. Thank You :)

  • @williampoffley895
    @williampoffley895 Жыл бұрын

    Dear god this is really only video you need to learn nearly everything, been binge watching over and over and Ive gotten so much better, thank you!

  • @chaoticcyrus2695
    @chaoticcyrus2695 Жыл бұрын

    bro we need more people like this, this man got right to the point, and explained everything clearly so everyone understands this dude underrated u earned a sub

  • @-Aco-
    @-Aco- Жыл бұрын

    This helped A LOT! Without this tutorial my GUI would look terrible. Thank you!

  • @PHNTM-vz7cc

    @PHNTM-vz7cc

    Жыл бұрын

    has your game been succesful?

  • @MilkBotHere

    @MilkBotHere

    Жыл бұрын

    @@PHNTM-vz7cc you know how long making an actually good roblox game takes? a looong time.

  • @medomazy4361

    @medomazy4361

    Жыл бұрын

    @@MilkBotHere not necessarily

  • @user-lg5ox3hu7k

    @user-lg5ox3hu7k

    Жыл бұрын

    suk

  • @dreadbox2721

    @dreadbox2721

    Жыл бұрын

    How do we script it though?

  • @bizarrou
    @bizarrou8 ай бұрын

    I always had problem with the UI moving around everywhere, not being in the place it was meant to be, you are a life saver!

  • @sharkandjedigames8622
    @sharkandjedigames8622 Жыл бұрын

    This is such a great tutorial! It really helped me out a lot, Thank you so much. Keep up the good work

  • @lebuitrago
    @lebuitrago Жыл бұрын

    This is one of the best GUI Tutorials that I have seen in YT! Super well done!

  • @SubTo_Skyborn
    @SubTo_Skyborn Жыл бұрын

    Man this man is great me and my fam have been trying to make a game, but struggled with gun, now thats fixed another sub my dude

  • @toasted7461
    @toasted74612 жыл бұрын

    I just started scripting and your videos have been helping a lot.

  • @KingJamesesLeftFoot
    @KingJamesesLeftFoot Жыл бұрын

    This is the best tutorial i've ever seen. You not only explain what you're doing but also why you're doing it and what else it does. 10000000000000000000000000000/10 keep it up please don't give up.

  • @auratrix5878
    @auratrix5878 Жыл бұрын

    Really useful video for beginners. Showed us also the most common ui issue.

  • @sachianharikovinth7152
    @sachianharikovinth7152 Жыл бұрын

    9/10 (if u had also went over how to open and close that wouldve been really nice)

  • @daneilgame123

    @daneilgame123

    Жыл бұрын

    Function(close) If Script.Parent.Enabled == true then Script.Parent.Enabled = false Elseif Script.Parent.Enabled == false then Script.Parent.Enabled = true Script.parent.mousebutton1click:connect(function(close) It SHOULD close it but also the button to open it dissapears ill reccomend to deal with it

  • @Mr_Ioannis

    @Mr_Ioannis

    Жыл бұрын

    Exactly.

  • @ispaM.

    @ispaM.

    11 ай бұрын

    -- Insert this script inside the button that should close the GUI local button = script.Parent -- Function to handle button click local function onClick() local player = game.Players.LocalPlayer local gui = player.PlayerGui:FindFirstChild("YourGUIName") -- Replace "YourGUIName" with the name of your GUI if gui then gui.Enabled = false -- Set the GUI's Enabled property to false to hide it end end button.MouseButton1Click:Connect(onClick)

  • @__europa

    @__europa

    11 ай бұрын

    ​@@daneilgame123separate the button from the main frame because otherwise it disappears. then, when you do that, you can alternatively do: frame.Visible = not frame.Visible

  • @JaxsonSchreiner-fs8yc

    @JaxsonSchreiner-fs8yc

    6 ай бұрын

    I think you mean 9/11 I know you may kick me out

  • @izanyzam5308
    @izanyzam5308 Жыл бұрын

    Thanks for this! Been helping with my friend's new shooter game. This really helps! Thanks again

  • @Lghztyairedyou
    @Lghztyairedyou Жыл бұрын

    wow tysm before this video i didnt even know how to make a frame look like a circle you really helped me ty

  • @PDiscoFrenzy
    @PDiscoFrenzy Жыл бұрын

    ur now one of my top 10 fav roblox yts

  • @owensillito9262
    @owensillito92625 ай бұрын

    Finally, a comprehensive gui guide that actually tells us how to make them look good on all platforms. These should not be as rare as they are. Well done man

  • @reallightengineer
    @reallightengineer Жыл бұрын

    This is such a great tutorial it helps me to make better ui's and such more, Inf/10 Keep it up don't give up.

  • @michaelolufuye6016
    @michaelolufuye60162 жыл бұрын

    honestly this roblox studio youtuber is so underrated good work men

  • @harps4507
    @harps4507 Жыл бұрын

    this channel is underrated!!!! I learn so much from these videos!

  • @antability2524
    @antability25242 жыл бұрын

    Broooo, I really wanted to make this for my Horror game, Thanks man! Good thing I subscribed lol

  • @rogzilla-td8ig
    @rogzilla-td8ig2 жыл бұрын

    Also ur videos and ur channel deserve so much because I’ve been scripting for WEEKS

  • @progamer11211
    @progamer11211 Жыл бұрын

    keep your content up bro you teach me so many cool things that i didn't even know existed.

  • @vulked2799
    @vulked279929 күн бұрын

    thanks! i just got the urge to make a game (for some reason) and this really helped!

  • @tony098uk
    @tony098uk Жыл бұрын

    a really helpful video, thankyou for taking the time to share

  • @c00chieman89
    @c00chieman8911 ай бұрын

    THANK YOOU IT TOOK ME AN HOUR TO FIND A GOOD GUI GUIDE BAR FAR UR THE BEST !!!

  • @abdo450gaming3
    @abdo450gaming39 ай бұрын

    this is the best gui design video i ever seen thank you for the video!!!

  • @DamonDoAnything
    @DamonDoAnything4 ай бұрын

    I've made GUI's for my roblox game, and I had no idea it can scale differently to mobile users, that shocked me how bad it looked on mobile, thank you so much for the help, I appreciate your detail in presentation👏

  • @vera2193
    @vera21935 ай бұрын

    man, this tutorial is actually REALLY good. I fully understand everything now EXCEPT how to write the actual code for the buttons. which the title never claimed to teach you how to do.

  • @tedofc706
    @tedofc706 Жыл бұрын

    Awesome! This helped me a lot for my game in Roblox

  • @ninja_dude
    @ninja_dude Жыл бұрын

    Very good tutorial helped me alot thanks!

  • @remimwamba1482
    @remimwamba1482 Жыл бұрын

    Thanks man keep up the work 😊

  • @Emtheeditor
    @Emtheeditor2 жыл бұрын

    I love ur vids I learn soo much!!

  • @Yeueh759
    @Yeueh759 Жыл бұрын

    the best tut keep it up W

  • @MrHell0
    @MrHell02 жыл бұрын

    this really helped me understanding guis

  • @kaurmavinder6209

    @kaurmavinder6209

    2 жыл бұрын

    me too before i used to use squares it helped me understand how to make stuff round and how to make images

  • @MiaryRules
    @MiaryRules2 ай бұрын

    even though i try tutorials and it dont work,im sure this one with work! and hes very kind to show us how to make a gui from scratch

  • @RQCRhett
    @RQCRhett Жыл бұрын

    Amazing Video ! This Help me bunch!!!!!

  • @duckinsand8200
    @duckinsand8200 Жыл бұрын

    This helped out a lot thank you

  • @RockerDadNYC
    @RockerDadNYC11 ай бұрын

    thank you for the great tutorial. I'm horrible at designing so this was not only helpful on how to build it, but helpful in putting together the layout. Next step, figuring out how to make it functional. I don't see that on your channel, but maybe I'm looking for the wrong kind of title? If you haven't done one for making them functional, that'd be much appreciated. thanks again!

  • @Silver-qp4fn
    @Silver-qp4fn8 ай бұрын

    ty bro you a legend!

  • @user-jl2pp3ms7j
    @user-jl2pp3ms7j11 ай бұрын

    I was literally dying for trying GUIS. but this toturial was really helpful

  • @GuauGuauUwU
    @GuauGuauUwU Жыл бұрын

    Awesome! Simple video, thanks for sharing your knowledge :) My ugly Guis will now improve lol

  • @distortionpictures6779
    @distortionpictures6779 Жыл бұрын

    Beautiful tutorial

  • @donationnoitanod7351
    @donationnoitanod7351 Жыл бұрын

    WellDone This Is Is Like 100000% good keep it up

  • @sonzzk
    @sonzzk Жыл бұрын

    U just earned a new sub

  • @madhouseyoutube243
    @madhouseyoutube243 Жыл бұрын

    You need to show us the scripting!

  • @realestfr
    @realestfr2 жыл бұрын

    Can't Wait!

  • @anneholtsclaw6817
    @anneholtsclaw68174 ай бұрын

    This will help with my game

  • @gamingwithpugs4389
    @gamingwithpugs4389Ай бұрын

    tysm this is helpful

  • @TheCrazyOne924
    @TheCrazyOne92411 ай бұрын

    Past me here: I'm going to be using this tutorial to make a UI/GUI for my upcoming Roleplay game on ROBLOX.

  • @abudi4566
    @abudi45663 ай бұрын

    How to open and close one, 1. Make a scree gui and add a frame, scale the frame and add a text button in the frame, move the text button to the corner of your frame with a X so you can close it with that in the future, go to properties and make the frame invisible. 2. Add a text button to screen gui with a local script with a script making it so clicking = set visibilty to true 3. Add a local script to the X button making it so clicking = visibility is set to False, add image / text buttons with some scripts to do things for example a setting or a shop gui. Decorate the buttons so it looks cool and you can add a animation by setting it so it would bounce when clicked. If you can't script search online for scripts or ask someone for help.

  • @Zombieblastr86
    @Zombieblastr86 Жыл бұрын

    Thank you so much!

  • @daxcisionxd
    @daxcisionxd Жыл бұрын

    Ain't Gon lie you helped a lot

  • @rad_gt
    @rad_gt7 ай бұрын

    Great video! One question though, When I put the image boxes into the game do I need to code it so that I click on an item it shows up to be able to buy it?

  • @KalMiMK69
    @KalMiMK692 жыл бұрын

    Can you make a video where you explain how to use the object browser. I watched alot of your zero to hero series but i need to know how to use the object browser. In 14 episode you showed how to use events but only the touched. You did say that i can use other events but i dont know how. So can you show in a video how. Would really appreciate that.

  • @fo-go6378
    @fo-go6378 Жыл бұрын

    This video was great showing us how to do everything in the category of designing a UI with much detail and simple understanding. I would recommend this to all people to use and follow with. The only problem with this is that it did not show how to script it to make the UI a popup when you click a button, but this was solved by just looking at a different KZread video and I still used the UI he showed me how to make in my game ___. Love the video keep up the good work!

  • @sobasee723

    @sobasee723

    Жыл бұрын

    what other video did you use to find out the Gui button popup?

  • @dreadbox2721

    @dreadbox2721

    Жыл бұрын

    Hello, what video did you watch for the script?

  • @Mee270

    @Mee270

    Жыл бұрын

    Making the ui popup or be "visible" when clicking a button is pretty easy

  • @ReaISepiroth
    @ReaISepiroth3 ай бұрын

    earned yourself that sub

  • @snakeanimations9025
    @snakeanimations902510 ай бұрын

    Don't know if this will help anyone but at around 3:30 instead of just putting {0.1,0} {0.1,0} into size I instead put 0.1 into the Scale and 0 into the Offset for both the X and Y and it also seemed to work for me as when I would just put in {0.1,0} {0.1,0} it wouldn't work. Maybe I did something wrong I don't know but this worked for me. :)

  • @JC-ck8hd
    @JC-ck8hd Жыл бұрын

    Can u make a tutorial where you replace the shop with premade image, cause I made my own ui in photoshop and I don't know how it will work if I put it on studio

  • @glory4169
    @glory4169 Жыл бұрын

    How do you make it toggleable because since its multiple things im having huge problems

  • @hoopz.395
    @hoopz.395 Жыл бұрын

    thanks

  • @dycyptedbruh6945
    @dycyptedbruh69452 жыл бұрын

    AYY tysm covert

  • @mrelijeli
    @mrelijeli Жыл бұрын

    Tysm! :)

  • @Jkingnick
    @Jkingnick6 ай бұрын

    Hey, this is such a great tutorial and I used this as inspiration for my own! The one issue that I am facing is the item image, name, description, and buy button are all not working. I have tried coding it myself and using many different tutorials to try to fix it but nothing has worked. Could you make a video showing how to make the code for this? Thanks

  • @ezstinky4537
    @ezstinky45372 жыл бұрын

    NICE EL BOY!

  • @munrunanimates7907
    @munrunanimates7907 Жыл бұрын

    This was really helpful but how do u make the buttons work? I also subbed

  • @arenac273
    @arenac2732 жыл бұрын

    This man has to be a genius. How do you keep all of that knowledge in your head? Love the videos. “Bruh.”

  • @_beyi

    @_beyi

    Жыл бұрын

    It’s easy, it has to be hard to remember then your brain remembers it.

  • @lonewolf4963

    @lonewolf4963

    Жыл бұрын

    @@_beyi ture i can't remember my song's but some how i just sing it

  • @_beyi

    @_beyi

    Жыл бұрын

    @@lonewolf4963 bruh that was 2 months ago

  • @libbymanuel7880
    @libbymanuel7880 Жыл бұрын

    how do you make it so that item_name and the description update based on which item you click on in the grid

  • @Imbrokeyay
    @Imbrokeyay Жыл бұрын

    He is a life saver

  • @big-g00se
    @big-g00se Жыл бұрын

    Well done,and thanks for the help, but I can't get the shop to open or close

  • @BowserTime
    @BowserTime10 ай бұрын

    Very good

  • @Alberto0432
    @Alberto04327 ай бұрын

    awesome

  • @agonyaspect1973
    @agonyaspect19732 жыл бұрын

    Convert code can you do a video on if you own a particular gamepass and step onto the gamepass only area it will activate your chat colour to yellow but if you leave the particular gamepass area the yellow message is back to normal colour

  • @mysteryblondee
    @mysteryblondee2 жыл бұрын

    9:11 This is so useful! Thanks!

  • @pearled_up_ona_sunday

    @pearled_up_ona_sunday

    Жыл бұрын

    ^^ 💀💀

  • @EliteBlox1000

    @EliteBlox1000

    Жыл бұрын

    @@BigBoyBolu Nahhhhhh 💀💀💀

  • @brockgaming.4280
    @brockgaming.4280 Жыл бұрын

    I Loved it, it was very helpful but I dont know how to script and I dont know how to script :(

  • @kai8794
    @kai879410 ай бұрын

    how do i get specific shapes in rblx stu? like theres a shape i want but its not shown in vid. do i create that shape my own and upload it?

  • @KaiCleveland
    @KaiCleveland9 ай бұрын

    Thank you for teaching me 😀

  • @mkmaster2256
    @mkmaster22562 жыл бұрын

    how do i cahnge my frame to not be transparent? Ive tried changing the color and looking into the backgroundtransparency and still nothing changeas

  • @teamtyrant9550
    @teamtyrant9550 Жыл бұрын

    ty very much

  • @egtheeggfred4891
    @egtheeggfred48912 жыл бұрын

    3rd comment and im so exicited

  • @scythe3462
    @scythe34622 жыл бұрын

    YES TY! THIS IS SO AWESOME! could we get a tutorial oh how to script the item shop? Like if your buying an in-game item with robux yk?

  • @fiddlesticks10

    @fiddlesticks10

    2 жыл бұрын

    Make your own try making your own

  • @fiddlesticks10

    @fiddlesticks10

    2 жыл бұрын

    That is the only way on how to practice

  • @tails2012tim

    @tails2012tim

    Жыл бұрын

    thats why i looked at this video, becouse i dont know at all on how to make like the buttons work!

  • @CyclismeEdits
    @CyclismeEdits Жыл бұрын

    Hey convert code, do you have a tutorial how to script the gui?

  • @ieatass4226
    @ieatass42262 жыл бұрын

    18:27 Thank you for this

  • @darkness_matters1524
    @darkness_matters1524 Жыл бұрын

    I need help on smth plz On the shop menu thing when i try to make the textlabel apear it wont And idk where to get the uiborder and stuff The text is shop i tried transperncy but it wont it goes behind thr gui not on front Plz help eee

  • @xblackspy6026
    @xblackspy60262 жыл бұрын

    can you teach us how to make a custom body/ character like in bad business please?

  • @georgiosrayias5065
    @georgiosrayias5065 Жыл бұрын

    how do u make it appear with a certain input like u click M for it to appear and M for it to dissapear

  • @wackydoodledoo
    @wackydoodledoo Жыл бұрын

    whenever i click "+" to starter gui and adding screen gui, it does not work, does anyone have a tip for this?

  • @nwamakaokoli2183
    @nwamakaokoli218310 ай бұрын

    Bro ty now I can make my own obby 9.99999999/10 except how u don't show us how to close but ty guys for telling me how to

  • @kadepreston_hvfd6908
    @kadepreston_hvfd6908 Жыл бұрын

    Does anyone know of a video that shows you how to script the guis?

  • @dannacaceres9637
    @dannacaceres9637 Жыл бұрын

    I need help how do u do the size it won’t work u going fast on the numbers I’m confused

  • @moosevinkle
    @moosevinkle2 ай бұрын

    can u make a vid about how to script the buttons in the gui?

  • @nrashmaster
    @nrashmaster2 жыл бұрын

    would it be possible for the player to choose what color they wanted a gui to be?

  • @Eurylix
    @Eurylix Жыл бұрын

    How do you hide it tho Like when u wanna continue making ur game without making it stay on ur screen

  • @MrBubblesYT
    @MrBubblesYT Жыл бұрын

    Hey question how do you open the UI if you are making what's inside the UI button? For example, if there is a shop button on your left screen, how will you make the button to open the shop?

  • @EliteBlox1000

    @EliteBlox1000

    Жыл бұрын

    There's tutorials on youtube for that, it involves scripting.

  • @MrBubblesYT

    @MrBubblesYT

    Жыл бұрын

    @@EliteBlox1000 thanks!

  • @robloxbeamer997
    @robloxbeamer9972 жыл бұрын

    You are my favourite youtuber thanks for helping can you show us how to make a npc that if yoz click on it you get the gui

  • @HippoTom6
    @HippoTom611 ай бұрын

    this was a really good tutorial but how do you make the buttons work

  • @b0aty1
    @b0aty1 Жыл бұрын

    Hello, i know i very late but how do i find the UI corner on laptop?

  • @tomyyoung2624
    @tomyyoung2624 Жыл бұрын

    Yes only did!

  • @TTYT-SHADOW
    @TTYT-SHADOW Жыл бұрын

    how do i ad an image from my pc as the background?

  • @tannerkay3590
    @tannerkay3590 Жыл бұрын

    says xx, or xy or yy for the relative thing. Which one?