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!
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.
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.
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.
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
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 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 bro!
nice video, i appreciate your content!
Glad you enjoy it!
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
so helpful thanks! :D
Wow rly amazing!!!!!
ok cool, when are u making a game with personality.
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
ty for the video :)
Yay
Figma is the best free tool to make gui (in my opinion)
Lunacy is also very good and it's very similar to figma
I'll have to check it out!
Goated
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.
help when i download the screen gui it did look upside down when i paste it in studio
love you
are u gonna continue the obby tutorial series?
Yup! Every Friday :D
@@MonzterDEV nice! i'm so excited for this series!
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.
Cool
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.
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
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
Can you link the module you talked about in the video that makes the UI appear the same for all platforms?
Can you teach us how to do it using Ligma?
considering all the sizes are offsets, is there a way to autoscale for different devices withought a module?
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
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
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.
pls make sword fighting sim next!!!
Hey, I don't have plans of that, sorry!
@@MonzterDEV oh, it’s alr!
Figma litterly used robloxs ui corner and UI stroke it's easier to add those on roblox
Would you be able to import a looped animation into Roblox studios?
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 deez
AYYYYYYY FIGMA!!! AMAZING VIDEO (PING ME 👀👀👀👀)
I will, but what is your discord username?
Thanks!!
@@MonzterDEV No problem! 🔥
@@RyanEXElol I meant it for the TH-cam comment 😭
Hey can you make an Prophunt game tutorial
Hey, I don't have plans of that, sorry!
Ya
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…
but how to get that plugin: "figma to roblox fork"?
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
Your plugin doesn't work. fix it?
how i get the plugin ?
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
whats figma!!! i just use studio and make stuff like this sure it takes an extra hour 😭
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.
Are you good at building? I really want help
Not in the slightest 😭🤣
Sigma
erm what the figma
what the figma
Can i ask why my guis is invisible? In roblox studio
Same
using sigma 🤓👆
it says undefined.
At this point just learn Roblox studio its way easier.
Not as good as roblox, figma allows more creativity than roblox
“Buhns”
figma ❌
sigma ❌
ligma ✅
Figma? More like Ligma
thats so skibidi
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 🤗
is it free
the after ui is absolute trash, figma can do way more than that, and it can also easily be made in roblox studio
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