Good to see Figma getting a shoutout. I am happy you're making your own version of the plugin. For more complex GUIs, there's a lot of fixing you'll need to do to your exported UI with the old plugin. Keep it up!!
I always created Ui's in Roblox and asked myself how other Uis could look so good just in the same programm. But Figma helps me a lot now everything is so much easier, adding gradient, depth, glow and stuff. Thank you for this video since it helped me a lot!
Man you are a blessed guy, thank you for this tutorial, I use Figma for a lot of things and then I started using Roblox Studio to create some projects, you just saved me time!
hey, so i am currently using it, works amazing, but when i try to export it, it says multiple fills r selected meanwhile i only selected the frame. how do i fix this? also, i want to use a scrolling tab but idk how to do that aswell.
Bro i need some serious help. It completely messed up my UI forcing me to delete all of the UIstrokes and there was no drop shadows that i made. My UI looked professional in figma but complete trash in studio. Please help.
hi, thank you for updating the plugin! Any idea why, if you use components in Figma. The plugin will import them on Roblox as an image with the URL "undefined" instead of a frame and without its children elements? Also, if you detach the instance before using the plugin, it will work fine. Thank you again! :) Edit: Here is a quick workaround I found, I found a Figma plugin called "DETACH THEM ALL" to detach all the component in the selected frame and its children. So I use it, then export my design, then I Ctrl+z to make the frames components again. Also, if I forget to Ctrl+z right away, there is a plugin named “Reattach instances” to do it.
You can copy and paste the image into the Guis frame. Look under the Fill property and it has the color displayed. The image will be put under the Fill property.
Second comment and I get alot more. I saw you on the figma to roblox plugin page in the forums so I wanted to ask you directly because I'm stuck. I used several images in figma for backgrounds and such and I would like to know how to import the images as well. As of now, when I attempt to import, it gets the general shapes and colors and works perfectly for frames without images, but for images they simply dont upload. On the forums i saw something about uploading assets via opencloud api and i don't know how to do that. Any help would be appreciated alot. Thanks.
You can def plan a layout for your UI way better with Figma / Photoshop. It's way easier to make a design by dragging and dropping rather than making a design on the platform itself imo, similar to web design, it's annoying to code a design and plan that at the same time rather than designing a layout first then code what you made
I was using figma to make roblox UI's but i got no idea this plugin exists, lov u🙏😭
I'm happy to hear someone else has already been using Figma! I feel like it's quite uncommon. Hope the plugin helps!
Good to see Figma getting a shoutout. I am happy you're making your own version of the plugin. For more complex GUIs, there's a lot of fixing you'll need to do to your exported UI with the old plugin. Keep it up!!
I always created Ui's in Roblox and asked myself how other Uis could look so good just in the same programm. But Figma helps me a lot now everything is so much easier, adding gradient, depth, glow and stuff. Thank you for this video since it helped me a lot!
Man you are a blessed guy, thank you for this tutorial, I use Figma for a lot of things and then I started using Roblox Studio to create some projects, you just saved me time!
LOVE your content
Thanks for this website!!!
I'm happy to hear! :D Hope you enjoy it!
thanks for the plugin bro not website
nice video, i appreciate your content!
Glad you enjoy it!
Goated material, thank you
Nice Video bro!
when i export my ui looks all weird and the font is weird too
so helpful thanks! :D
good to know. i used to create gui in paint3d and then put the png in my game and then create gui over it using the png as a reference
i have looked so much and i have never seen a good figma tutorial and also you should have named complete begginer guide to figma
I'm happy to hear!! I plan on creating a short series on creating UIs with Figma eventually!
@@MonzterDEV Don't
Bro your extenstion is not working it shows plain white
Wow rly amazing!!!!!
Can you teach us how to do it using Ligma?
hey, so i am currently using it, works amazing, but when i try to export it, it says multiple fills r selected meanwhile i only selected the frame. how do i fix this? also, i want to use a scrolling tab but idk how to do that aswell.
ok cool, when are u making a game with personality.
ty for the video :)
help when i download the screen gui it did look upside down when i paste it in studio
i need help ik im a bit late but when i put my ui into roblox stuido it becomes to big and idk how to fix it.
what if i accidentally deleted figma basics file...
does it use scale or offset for sizes and positions?
are u gonna continue the obby tutorial series?
Yup! Every Friday :D
@@MonzterDEV nice! i'm so excited for this series!
I haven’t used figma, but from what I see, if you’d like to make more advanced GUI/Logos I think it’s better to use photopea or photoshop.
I'd say that those tools server a different purpose, but either works
Wrong. Figma is the industry standard for UI design. Source: professional game designer
Hello! im having hard time to understand you are putting shadows and design on your button how you do it? i tried to make a shadow for my buttons
what should be the rize of the Frame 1280x720 or 1980x1080p
Bro i need some serious help. It completely messed up my UI forcing me to delete all of the UIstrokes and there was no drop shadows that i made. My UI looked professional in figma but complete trash in studio. Please help.
Can you link the module you talked about in the video that makes the UI appear the same for all platforms?
hi, thank you for updating the plugin! Any idea why, if you use components in Figma. The plugin will import them on Roblox as an image with the URL "undefined" instead of a frame and without its children elements? Also, if you detach the instance before using the plugin, it will work fine. Thank you again! :)
Edit: Here is a quick workaround I found, I found a Figma plugin called "DETACH THEM ALL" to detach all the component in the selected frame and its children. So I use it, then export my design, then I Ctrl+z to make the frames components again. Also, if I forget to Ctrl+z right away, there is a plugin named “Reattach instances” to do it.
considering all the sizes are offsets, is there a way to autoscale for different devices withought a module?
Would you be able to import a looped animation into Roblox studios?
idk why but when i import it to roblox studio it doesn't appears
Make sure its in a screenGUI
@@Ollie-j6l It is
Same
Not works for me too
WHAT'S THE PLUGIN HOW DO U SEE THAT PLUGIN THE ROBLOX PLUGIN
Idk
For Some reason my GUI does not pop up on the screen in Roblox studio
Is it under ScreenGui?
6:32 how did he insert that image
You can copy and paste the image into the Guis frame. Look under the Fill property and it has the color displayed. The image will be put under the Fill property.
Figma is the best free tool to make gui (in my opinion)
Second comment and I get alot more. I saw you on the figma to roblox plugin page in the forums so I wanted to ask you directly because I'm stuck. I used several images in figma for backgrounds and such and I would like to know how to import the images as well. As of now, when I attempt to import, it gets the general shapes and colors and works perfectly for frames without images, but for images they simply dont upload. On the forums i saw something about uploading assets via opencloud api and i don't know how to do that.
Any help would be appreciated alot. Thanks.
but how to get that plugin: "figma to roblox fork"?
Your plugin doesn't work. fix it?
sorry but im gonna keep using roblox ui its way quicker for me
Whatever works!
You can def plan a layout for your UI way better with Figma / Photoshop. It's way easier to make a design by dragging and dropping rather than making a design on the platform itself imo, similar to web design, it's annoying to code a design and plan that at the same time rather than designing a layout first then code what you made
@@itsLozCS i dont use roblox anymore i make software and program stuff roblox is too easy
@@Forlornicuswell it’s those who are not experienced will think a certain platform or language is “harder” than other platform or languages lol
@@Forlornicus developing isn't about which method is harder
Yay
What is better? Photoshop/Photopea or Figma (I prefer Photoshop/Photopea but it's just an opinion)
I prefer Photopea, even over Photoshop for image work like Thumbnails, but Figma is absolutely king for UI design (both for Roblox or website design).
@@MonzterDEVDon't mention the KING.
@@MonzterDEV But isnt easier to work with photoshop?
Figma litterly used robloxs ui corner and UI stroke it's easier to add those on roblox
Goated
Thanks!
whats figma!!! i just use studio and make stuff like this sure it takes an extra hour 😭
AYYYYYYY FIGMA!!! AMAZING VIDEO (PING ME 👀👀👀👀)
I will, but what is your discord username?
Thanks!!
@@MonzterDEV No problem! 🔥
@@RyanEXElol I meant it for the UA-cam comment 😭
Lunacy is also very good and it's very similar to figma
I'll have to check it out!
Hey can you make an Prophunt game tutorial
Hey, I don't have plans of that, sorry!
how i get the plugin ?
Hey would it will be cool if you make a game like strongman simulator by the gang gaming?
Hey, I don't have plans of that, sorry!
@@MonzterDEV Try your best if you can
I wanna show a major mistake making Guis:
Someone putting arrow instead of ‘’’’.
Some putting cross instead of ‘’X’’ or ‘’x’’.
Could you elaborate?
@@MonzterDEVI think… I have no idea…
Can i ask why my guis is invisible? In roblox studio
Same
love you
it says undefined.
11:55 What happened???
No idea haha!
Are you good at building? I really want help
Not in the slightest 😭🤣
Cartoon Guis are massively trash talked by most of the dev community lmao
But this is a good tutorial
who gives a fuck its our damn game
hey!. can you make a tutorial make a bee swarm simulator game?
Hey, I don't have plans of that, sorry!
@@MonzterDEV its okay, btw i love your vids
figma deez
pls make sword fighting sim next!!!
Hey, I don't have plans of that, sorry!
@@MonzterDEV oh, it’s alr!
Cool
using sigma 🤓👆
erm what the figma
what the figma
Sigma
Ya
At this point just learn Roblox studio its way easier.
Not as good as roblox, figma allows more creativity than roblox
is it free
figma ❌
sigma ❌
ligma ✅
“Buhns”
Figma? More like Ligma
thats so skibidi
figma balls
(the rot consumes)
I dont like these guis because they look childish, every 2nd game has it.
L FIGMA LLLLLLLLLL
just one letter a way to spell sigma
All that effort and it still looks ugly
u have to practice:) u can make easy good ui if
u suck at scripting
you are bad with UI's.
😢
What a useful and informative comment lol