I saw a bunch of comments about icons not working. Unfortunately the previous icon pack was removed, but I updated the link with another pack that I personally feel is much better! the New video is coming out this week. Do yall want a sneak peek?😏
Great tutorial for someone search for a scratch to end design. Very clear, not too much lengthy boring videos. Very clear. Thanks for sharing. Expecting more ❤😊
Well, this tutorial will be helpful for beginners who are unaware of design systems and how UI are actually build in industry. Because most of the time beginners think we only have to build graphics and use case as a UI/UX designer which is a big lie. Appreciate your work, keep it up 👏
Beginners can really find this video valuable because they now have an idea of what webdesign looks like. From here all you will be doing is iterating on the exact same principals we used in this video. In fact this is exactly what I do with my freelance projects. The only difference is it has an atomic structure which basically means components for everything! All the best❤️
Good stuff brother, this was invaluable knowledge and practice here. I'm sure there's a ton more to learn about Figma but this already has me feeling like an expert with components and toggles! Thank you 🤙🏾
I enjoyed your teaching, really wished there weren’t cuts because it left me confused, especially the drop-down part didn’t work for me, I’ll watch other videos to get it right but apart from that, it’s a great video, choosing my own colors and applying my concept to it helped me create my own design
Wow💫💫, your video showcases a real-world application of a whole UI course - it's truly impressive! Your skills are amazing, and I'm confident that your channel will soar🚀 because your content is top-notch, and your explanations are incredibly clear. you are making my dreams come true by demonstrating UI design and development together with NEXT js. You're like a TH-cam gem; keep up the fantastic work. I'm thrilled to be one of the first to discover your channel!⚡
@@webprodigies thanks man you are a saver hey can you tell me like how to publish them or something. i wanna create my personal web and would appreciate any suggestion
@@Cybertoon-v of course! My suggestion is to share the view only files with your clients to see your figma designs. If you want to post as a website but you have 0 knowledge in webdevelopment learn about figma to webflow. Its is a plugin where you can copy and paste designs into a full working website. And its also responsive. I posted a video on my IG @webprodigies if you want to see how to do it.
Amazing video man! I'm literally in the works of a video covering how to take a figma styleguide into tailwind CSS because there is literally no videos on this topic.
Great video to learn visual aesthetics and glass morphism, just loved it! But I think you messed up in font sizes especially in desktop h4 , h5 and paragraph. Please see to it and let us know the actual size of fonts .
Some parts of the video it cut and i couldn't create the dropdown menu. if its a action driven content why'd you cut down the video???? everything is great I understood How to use auto layout properly but the dropdown part is barely understandable
Hey! I got a question. Do we really need to resize everything with auto-layout method and not put it manually? Of course design system is essential. But just asking if we could do that or it might be a bigger problem in the future? TY in advance
Hey! Yes I myself noticed then when I was doing the tutorial. All you have to do is double click the center align button. (The one with alignment when you have an auto layout)
@@webprodigies thanks! I had already figured it out. I appreciate😊 can’t wait for your next videos. Please I am eager to see videos on how you approach your problems (step by step process) and also how you take inspirations from other sources to create your own unique design🙏🏻 well done friend 😇
At 59mins you're talking about the dropdowns and how the spacing should react when expanding and contracting the menu. However it is clear how that works. I've attempted a few times to get it working, but it doesn't quite work.
Hey man, When i tried creating the glassmorphic effect, after applying layer blur effect, The entire pricing card looks blurry including the text, How do i fix that? (and man thank you sooooooooo much for this amazing tutorial. Loved every second of it and hopefully we will see more juicy content in future)
Hey, i got a question, you told to create instance for icon in order to change them easily but as soon as i try to change them through instance there size go back to there original state so not the whole icon can be seen and this is only happening in assest, not when i change them in components
Hey! Found some answers for you. This is happening because nested instances keep their size upon swapping. There is no way to avoid this key mechanic. However, there is a workaround: the instance needs to have auto layout enabled with hug contents constraints. Unfortunately, if you want to keep this component manually resizable like without auto layout, you would also have to adjust its contents to fill container manually since fill container and hug contents are incompatible with each other. Or you can set it to fixed + fill container by default but then change it manually in nested instances to hug contents. Let me know if it did the job☺️
@@webprodigies it doesn't seems like working even after designing the whole think used both the hug with auto layout and and fixed fill but it still the same
can you also explain why we are having testimonies and other thing out of the frame Also thanks for creating such an awesome video will be waiting for another great content
[ TLDR: not worth the watch ] The tutorial feels half-assed. Don't get me wrong, the idea is great, but the execution could use some work. It is really hard to follow along because of "this color", "click that" and the editing style does not help. There are a couple of instances where the video just cuts and there are no explanations of the colors used or anything for the missing step. You may be a good designer, but teaching skills leave much to be desired.
Great Video man. I am facing a problem where i cannot properly put the navigation bar in the mobile frame. It's very close and cramped unlike yours. Any possible solution?
I saw a bunch of comments about icons not working. Unfortunately the previous icon pack was removed, but I updated the link with another pack that I personally feel is much better! the New video is coming out this week. Do yall want a sneak peek?😏
When can we expect the dev part video to be released, give or take? Is it still on?
Update new video coming out this week 🔥🙌🏼🙌🏼
Suddenly TH-cam recommended your channel and WOW I found A great resource, Keep It
Suddenly TH-cam recommended your channel and I HAVE NEVER BEEN HAPPIER with any recommendation sooo much! 😭❤️ bro u are amazing SUBSCRIBED!
Lets goooo✌🏻❤️ thank you!
Great tutorial for someone search for a scratch to end design. Very clear, not too much lengthy boring videos. Very clear. Thanks for sharing. Expecting more ❤😊
Thank you
i was waiting for thiiiiisss !!!! thank youuu bro
Anytime brother❤️
Super excited to the next VIDEO
Love the Vid Please keep em coming😀
Big video is coming out today!!
@@webprodigies super 😍😍😍
Cant wait to see more videos, i enjoyed your explanations
Well, this tutorial will be helpful for beginners who are unaware of design systems and how UI are actually build in industry. Because most of the time beginners think we only have to build graphics and use case as a UI/UX designer which is a big lie. Appreciate your work, keep it up 👏
Beginners can really find this video valuable because they now have an idea of what webdesign looks like. From here all you will be doing is iterating on the exact same principals we used in this video. In fact this is exactly what I do with my freelance projects. The only difference is it has an atomic structure which basically means components for everything! All the best❤️
New Subscriber straight away, when you see a quality content from afar, you wouldn’t think twice before u consume it.
Thank you❤️❤️
Sir We want more UI Ux Videos on Every Modern Trends + Taking The design To Actual working website using Next js
Justtt neeeded thisss tqs alottt🤩🤩🤩🔥
keep posting this kind of video bro you gonaa blow up for sure.
Thank you for this motivating comment ❤️
Excellent content bro! Keep making videos!
Thank you! Hey! Posted the full video
Very Helpful!! love your content 🥰
14:00
AHHH Sir you're AWESOME!!! thank you so much for this tutorial please don't stop thank you so much!
I needed this thank you🔥🔥
Thank u brother
I gotchu brother❤️
@@webprodigies icon link is 404 how to get icon
When is the next video coming out? Super hype for it! Nobody has ever actually created a Figma design and turned it into a working SaaS company!
Its out boys!
Good stuff brother, this was invaluable knowledge and practice here. I'm sure there's a ton more to learn about Figma but this already has me feeling like an expert with components and toggles! Thank you 🤙🏾
Finally! It's here.
Sorry for the delay guys! The IG started popping off had to settle things down😂❤️
This tutorial is really helpful. Learnt so many new things from this single video.
bro cmon drop the another video soon m waiting and i really loved ur video
the best figma tutorial, I've stumbled across so far
I enjoyed your teaching, really wished there weren’t cuts because it left me confused, especially the drop-down part didn’t work for me, I’ll watch other videos to get it right but apart from that, it’s a great video, choosing my own colors and applying my concept to it helped me create my own design
You're wonderful man and professional
Amazing tutorial! Tks to share.
All this knowledge for free? Thank you so much!
Honestly. I was really impressed as well
Being a biggie I don't know how to do the UI system styling thank you for guiding me, SUBBED 👍✨
Way to go! And thank you really appreciate it ❤️
Awesome video ❤
Great tutorial! I will save time for tomorrow: 33:58
great !!
next use a 16px grid to fit the content in the frame or not
stunning 💫 most recommended 💯
Thank you!
thank you for your giving such an incredible work.
awesome tutorial 😍
your content is sooo good
Wow💫💫, your video showcases a real-world application of a whole UI course - it's truly impressive! Your skills are amazing, and I'm confident that your channel will soar🚀 because your content is top-notch, and your explanations are incredibly clear. you are making my dreams come true by demonstrating UI design and development together with NEXT js. You're like a TH-cam gem; keep up the fantastic work. I'm thrilled to be one of the first to discover your channel!⚡
Haven't watched it yet, but I am extremely excited to do so when Im free
man i was waiting for video for quite sometime
I say for 5 hours straight and made this video for yall 😂 you can literally see it go from day to night lol. Super happy yall find it valuable ❤️
@@webprodigies thanks man you are a saver hey can you tell me like how to publish them or something. i wanna create my personal web and would appreciate any suggestion
@@Cybertoon-v of course! My suggestion is to share the view only files with your clients to see your figma designs. If you want to post as a website but you have 0 knowledge in webdevelopment learn about figma to webflow. Its is a plugin where you can copy and paste designs into a full working website. And its also responsive. I posted a video on my IG @webprodigies if you want to see how to do it.
Hi, I really enjoyed this video, I hope you could make more like this.
Wooooow its gonna be one of my favority Ui/Ux Teacher
You’re hyping me up right now!!!!! 🫣
Design system are made awesome
Amazing video man! I'm literally in the works of a video covering how to take a figma styleguide into tailwind CSS because there is literally no videos on this topic.
Insane❤.just subs in 1 minutes
Woow thats my new record!!
Hey man thanks.
Amazing
Thank you
The link of the icons doesn't work. What is the name of the pack so I can search?
SUBSCRIBED❤😎
Let's goooooo!
hello Nice tutorial.
Please can you provide again the link of icons you're using in this video
Need more, please
hey bro! awesome video. Could you make the same process but for an app? thanks
Waiting for next part.....love from india💜
Hey man, can I pay you to make this for me?
Hey! Posted the full video
reach out to my ig @webprodigies
Link of the icons is showing error. Would you please check, sir?
cannot acces link to icons and assets ... its showing 404 not found
same here
Thanks. Could you please upload this figma file to check and try
please make more videos designing landing page for AI Agency website
is very nice ; max follow for him 💥💥💥💥
Great work! Can that same design be used as a prototype and make everything that you made here look like a flow?
Yes, absolutely. But ofcourse you would need to setup those prototype views but yes!
I am a beginner, I don't know what to do and where to start in Figma It is advantageous for me... Thank you
Great video to learn visual aesthetics and glass morphism, just loved it!
But I think you messed up in font sizes especially in desktop h4 , h5 and paragraph. Please see to it and let us know the actual size of fonts .
Hi bro, would you recommend the new Angular 17 or use standard next.js?
great video, one more thing can you tell me, is there any website or tool where we can find the perfect typography scal for our project
Yes sir. Wizardry
Some parts of the video it cut and i couldn't create the dropdown menu. if its a action driven content why'd you cut down the video???? everything is great I understood How to use auto layout properly but the dropdown part is barely understandable
I have an important question. If someone is a beginner, should he/she go with learning css or dive into figma?
❤🔥❤🔥❤🔥
Hey! I got a question. Do we really need to resize everything with auto-layout method and not put it manually? Of course design system is essential. But just asking if we could do that or it might be a bigger problem in the future? TY in advance
How easy will it be if you want to update colours without going to spend much time to rename all layers ?
Wait huh!!? You knows how to design and know how to code a big project??!
Please what shortcut did u use for the space between for the current figma update? I notice space between has been taken away
Hey! Yes I myself noticed then when I was doing the tutorial. All you have to do is double click the center align button. (The one with alignment when you have an auto layout)
@@webprodigies thanks! I had already figured it out. I appreciate😊 can’t wait for your next videos. Please I am eager to see videos on how you approach your problems (step by step process) and also how you take inspirations from other sources to create your own unique design🙏🏻 well done friend 😇
Where is figma link
figma Link to Icons is not working
When is the next video coming out?
Hey bro! Thanks for being patient with me. Its coming out this week lets gooo🙌🏼❤️
@@webprodigies of course. I'm excited
Please next part.
Hey! Posted the full video
God bless you, doing this for free wow
Anytime more than happy to help out
At 59mins you're talking about the dropdowns and how the spacing should react when expanding and contracting the menu. However it is clear how that works. I've attempted a few times to get it working, but it doesn't quite work.
Right!!! Me too! It didn’t work after trying it a bunch of times
kindly update the icons pack im stuck what to do next or kindly figma design
color styles are not showing up for gradients and effects, is this a bug or have any solution?
how do we actually deploy this in the web?
Come on bro when's the next video
you're the best
Hey! Posted the full video. ENJOY
Hey man, When i tried creating the glassmorphic effect, after applying layer blur effect, The entire pricing card looks blurry including the text, How do i fix that? (and man thank you sooooooooo much for this amazing tutorial. Loved every second of it and hopefully we will see more juicy content in future)
Hey thats because youre using layer blur. You want to use background blur only on the frame and now on all the elements too☺️
Hey, i got a question, you told to create instance for icon in order to change them easily but as soon as i try to change them through instance there size go back to there original state so not the whole icon can be seen and this is only happening in assest, not when i change them in components
Hey! Found some answers for you. This is happening because nested instances keep their size upon swapping. There is no way to avoid this key mechanic. However, there is a workaround: the instance needs to have auto layout enabled with hug contents constraints. Unfortunately, if you want to keep this component manually resizable like without auto layout, you would also have to adjust its contents to fill container manually since fill container and hug contents are incompatible with each other. Or you can set it to fixed + fill container by default but then change it manually in nested instances to hug contents. Let me know if it did the job☺️
@@webprodigies it doesn't seems like working even after designing the whole think used both the hug with auto layout and and fixed fill but it still the same
can you also explain why we are having testimonies and other thing out of the frame
Also thanks for creating such an awesome video will be waiting for another great content
@@Cybertoon-v oh no! That was probably a mistake. Great catch. You can use the side bar and drag them into the frame.
12:10
[ TLDR: not worth the watch ]
The tutorial feels half-assed. Don't get me wrong, the idea is great, but the execution could use some work. It is really hard to follow along because of "this color", "click that" and the editing style does not help. There are a couple of instances where the video just cuts and there are no explanations of the colors used or anything for the missing step. You may be a good designer, but teaching skills leave much to be desired.
Best of Best 🪄 Thanks! 👍
Thank you so much❤️
any chance to get this figma file? thanks
Hey man, the figma link of icons is not found
Great Video man. I am facing a problem where i cannot properly put the navigation bar in the mobile frame. It's very close and cramped unlike yours. Any possible solution?
How I get figma link ?
Could you share the Figma Final URL?
Framer Templates Designer Will Love you
Ohhh! Why so?
Because a plugin with one click will be exported to framer and they can deploy it
This didn’t worked for me as the data wasn’t sent to google fields
wohhhhhhhhhhhhhh
Glad you found it valuable brother
Can someone please share a link to the same icon pack used in this video? Thanks
u got?
20:12
can any one share the figma design so i can copy paste the icons
31:07
Hi my name is sonia ghosh, i am a indian girl Show case studies of mobile apps like laundry apps, education apps, any of them
color code is too light same color u said