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!
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.
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
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.
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.
I usually make a 'fake' scrolling frame. Basically, just add a vertical line to represent the scroll bar and then create a container frame beside it and store all my usual stuff in there.
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!
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!
so helpful thanks! :D
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
Wow rly amazing!!!!!
ty for the video :)
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.
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
help when i download the screen gui it did look upside down when i paste it in studio
Figma is the best free tool to make gui (in my opinion)
Goated
Thanks!
idk why but when i import it to roblox studio it doesn't appears
Make sure its in a screenGUI
@@Ollie-j6l It is
Yay
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
ok cool, when are u making a game with personality.
considering all the sizes are offsets, is there a way to autoscale for different devices withought a module?
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.
Lunacy is also very good and it's very similar to figma
I'll have to check it out!
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.
are u gonna continue the obby tutorial series?
Yup! Every Friday :D
@@MonzterDEV nice! i'm so excited for this series!
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
Can you link the module you talked about in the video that makes the UI appear the same for all platforms?
love you
AYYYYYYY FIGMA!!! AMAZING VIDEO (PING ME 👀👀👀👀)
I will, but what is your discord username?
Thanks!!
@@MonzterDEV No problem! 🔥
@@RyanEXElol I meant it for the RUclips comment 😭
Your plugin doesn't work. fix it?
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?
Would you be able to import a looped animation into Roblox studios?
but how to get that plugin: "figma to roblox fork"?
Cool
whats figma!!! i just use studio and make stuff like this sure it takes an extra hour 😭
figma deez
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…
Ya
using sigma 🤓👆
pls make sword fighting sim next!!!
Hey, I don't have plans of that, sorry!
@@MonzterDEV oh, it’s alr!
Can i ask why my guis is invisible? In roblox studio
Same
how i get the plugin ?
Sigma
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
Are you good at building? I really want help
Not in the slightest 😭🤣
Hey can you make an Prophunt game tutorial
Hey, I don't have plans of that, sorry!
At this point just learn Roblox studio its way easier.
Not as good as roblox, figma allows more creativity than roblox
figma ❌
sigma ❌
ligma ✅
it says undefined.
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.
erm what the figma
Figma? More like Ligma
thats so skibidi
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
“Buhns”
is it free
11:55 What happened???
No idea haha!
How do u make a scrolling guide in figma?
I usually make a 'fake' scrolling frame. Basically, just add a vertical line to represent the scroll bar and then create a container frame beside it and store all my usual stuff in there.
Ok thank you for helping 🤗
figma balls
(the rot consumes)
L FIGMA LLLLLLLLLL
just one letter a way to spell sigma
you are bad with UI's.
😢
What a useful and informative comment lol