Best Figma crash course i've found so far! Even on normal speed the presenter doesn't waste any time! Real life scenario examples too! Smashing!! Gunna keep this one open and work my way through it along side my own project - no other tutes needed at this stage!!
16:37 😃😂😂😂 -" Don't skip this !!! I know you wanted to skip this you were like mmm text is boringو text is not boring !! , text is important !!!" -Roger that, Officer Sunshine! You have a great sense of humor, thanks for making the crash course enjoyable! 😃
I'm speechless, this is THE PERFECT VIDEO TUTORIAL, doesn't matter the topic. 5 stars for immediacy; 5 stars for clarity; 5 stars for comprehensibility; 5 stars for the perfect speed; 5 stars for keeping attention always up; 5 stars for your UK accent. if I were Figma boss, I would immediately hire you as general manager for teaching the application all over the world (even in person at the design events) !!! Thank you for sharing. Greetings from Italy
Wow, what an outstanding crash course! The content was thorough and delivered in a concise manner, without wasting time., and the teaching method was both creative and engaging. The high energy and humor made the experience exceptionally enjoyable. This is the best crash course I’ve encountered. Thank you so much, I’ve definitely subscribed!
wow amazing tutorial, what a explanation just i watched this whole video with out touching the mouse, in all this 1hour video never get bored even in 1min, learning with you never get bored, you are amazing teacher 🙏🙏
Glad I found this channel! I've been trying to figure out how to use Figma for quite some time but the other channels I've seen aren't relatable. Love your teaching style and personality. It makes it easy and fun. Thanks!!! Please, please, please cover website mockups some time in the near future. 😀
Awesome! You are covered mostly Figma in a short time with short and crisp. We are expecting Next week a complete project and organization pages and files in Figma.., Thank you!
Love the tutorial! Thank you for that. One thing I did not see you doing is making sure the white space/gaps between the content when designing. How do you make sure that items in a frame are all evenly and consistently spaced out? Do you use variables or is there a magic trick for doing that?
Thanks! well you can use the alignment and distribution tools to make sure that all the items inside are evenly spaced! and of course, you could also turn your frame into an auto layout (which is basically like a magic trick) I hope that helps! 🙏🏻☀️💛 *Figma Auto layout 2024* - ua-cam.com/video/IPLbPOYFTHw/v-deo.html
I am a beginner but since I started following your videos, I felt like a pro now.😊 Thank you for always presenting a well elaborate tutorial. Please can we get a short video on how to design a mobile product for a business company?
thanks so much for this tutorial! about halfway through and it's incredibly helpful. i think your figma "follow along" template may be missing some elements? i'm not seeing the "text" frame that you go through. just a heads up. thanks again!
@15.28, mine doesn't tidy up like yours. The two surnames are in 2 columns & two rows aligned to the left. Also, my first name does not align with the images above......😥😥
Tidy up can be a bit buggy depending on how you have your elements at the start :/ sometimes moving them around a bit before clicking tidy up goes a long way! ☀️🙏🏻
Dosen't design system include determining for the values in pixel for padding, margin, gap spacing, and dimensions for things like forms, Hero or Features sections, or the spaces around the page and between its sections? someone said that bootstrap design system contain recommendations for this things but I can't find this. so is there a place that has such suggested values?
Design systems can be so many things! Sometimes the can be as simple as just colours and typography and sometimes they can be super detailed with spacing and margins and all that jazz. I have a whole series on design systems if you want to check it out☀️🙏🏼 - ua-cam.com/play/PLx-zZQ15gdAqcVCE_EQvm820iWfgoKarq.html&si=TV9ZiOlFtPi9PdwB
@@TDSunshine I watched this series and its realy valuable, I now just need additional knowledge about padding, margins, dimensions, and gap spacing. I need a recommended values for those things based on bootstrab or any other will known design systems
@@TDSunshine the website i found them on makes a pop up for attributing the illustrations to websites that use them but mine is just a case study and not some official use so confused. What should I do? And Any without attributes plugin u know for illustrations?
@@kriswayne7938 I think you should give the attribution just in case. Better safe than sorry 🙃 I think unsplash might have a setting for “free” images only.
Thanks!
Thank you so much! I’m glad you found the video helpful 🙏🏼☀️💛
Best Figma crash course i've found so far! Even on normal speed the presenter doesn't waste any time! Real life scenario examples too! Smashing!! Gunna keep this one open and work my way through it along side my own project - no other tutes needed at this stage!!
Thank you so much! ☀️🙏🏻💛
hands down one of the most engaging figma tutorials. youre a star
Thanks! ☀️🙏🏻💛
16:37 😃😂😂😂
-" Don't skip this !!! I know you wanted to skip this you were like mmm text is boringو text is not boring !! , text is important !!!"
-Roger that, Officer Sunshine!
You have a great sense of humor, thanks for making the crash course enjoyable! 😃
hahah thanks! I'm glad you enjoyed my silliness 😆 ☀️🙏🏻💛
I'm speechless, this is THE PERFECT VIDEO TUTORIAL, doesn't matter the topic.
5 stars for immediacy;
5 stars for clarity;
5 stars for comprehensibility;
5 stars for the perfect speed;
5 stars for keeping attention always up;
5 stars for your UK accent.
if I were Figma boss, I would immediately hire you as general manager for teaching the application all over the world (even in person at the design events) !!!
Thank you for sharing.
Greetings from Italy
Thank you so much!! ☀️🙏🏻💛
Wow, what an outstanding crash course! The content was thorough and delivered in a concise manner, without wasting time., and the teaching method was both creative and engaging. The high energy and humor made the experience exceptionally enjoyable. This is the best crash course I’ve encountered. Thank you so much, I’ve definitely subscribed!
Thank you do much for your kind words! ☀️🙏🏻💛
wow amazing tutorial, what a explanation just i watched this whole video with out touching the mouse, in all this 1hour video never get bored even in 1min, learning with you never get bored, you are amazing teacher 🙏🙏
thank you! Im glad it helps ☀️💛
The way you teach is awesome. I hope you continue to grow quickly. Thank you!
Thank you! ☀️🙏🏻💛
Nice video! I didn't know about the shortcut with Shift to reveal a group alignment options :D
Its so good right?? 🙏🏻☀️
@@TDSunshine Yes, cool one ;) Hidden gem :D
Glad I found this channel! I've been trying to figure out how to use Figma for quite some time but the other channels I've seen aren't relatable. Love your teaching style and personality. It makes it easy and fun. Thanks!!! Please, please, please cover website mockups some time in the near future. 😀
Aww yay I'm glad you are finding my channel helpful! ☀️💛🤗
Spot on - thanks
Awesome! You are covered mostly Figma in a short time with short and crisp. We are expecting Next week a complete project and organization pages and files in Figma.., Thank you!
😅
Hey girl! You have the best Figma crash course, greetings from Argentina!!
aww Thanks! ☀️🙏🏻💛
Hey sunshine I can only say thank you! Thank you!!
You are so welcome ☀️🙏🏻💛
Grate Work!!
☀️🙏🏻
your videos are absolutely amazing!
Thank you so much!☀️🙏🏻💛
thank you so much ,you teach like a pro .you are a life saver
aww thanks! ☀️🙏🏻💛
please make more videos on interface design and prototype. thank you so much. keep it up so that we can get such a useful content more.
Great idea! thanks! 🙏🏻☀️🤗
Im really so happy to find ur channel at the best time of designing❤️please provide more and more clips
Thanks! will do!☀️🙏🏻💛
Thanks for teaching! Amazing videos!
You're welcome! ☺️☀️🙏🏻
OMG :) You are amazing :)
Thanks! 🙏🏻☀️
Love the tutorial! Thank you for that.
One thing I did not see you doing is making sure the white space/gaps between the content when designing. How do you make sure that items in a frame are all evenly and consistently spaced out? Do you use variables or is there a magic trick for doing that?
Thanks! well you can use the alignment and distribution tools to make sure that all the items inside are evenly spaced! and of course, you could also turn your frame into an auto layout (which is basically like a magic trick) I hope that helps! 🙏🏻☀️💛
*Figma Auto layout 2024* - ua-cam.com/video/IPLbPOYFTHw/v-deo.html
I am a beginner but since I started following your videos, I felt like a pro now.😊 Thank you for always presenting a well elaborate tutorial. Please can we get a short video on how to design a mobile product for a business company?
Aww thanks! I’m glad you’ve found my videos helpful ❤️🙏🏼 I’ll ad the idea to my list of videos! ☀️🙏🏼
you are AMAZING! thank you so much for this course its really helpful 🙏
Glad it was helpful! ☀️💛
One of the best lesson I have ever watched ❤
Thanks!! 🙏🏼☀️
Eagerly waiting for for the next video!!
🙏🏼☀️
I really like your content, all your vidéos are really useful. Thank you so much for sharing 🙏
You're welcome! 🙏🏻☀️💛
thanks so much for this tutorial! about halfway through and it's incredibly helpful. i think your figma "follow along" template may be missing some elements? i'm not seeing the "text" frame that you go through. just a heads up. thanks again!
You're welcome! I didn't include everything int he figma file as some bits are more simple and can be replicated by you while following along ☀️🙏🏻💛
very informative and amazing ✨✨
thanks! 🙏🏻☀️
I have subscribed your channel.
Thanks! 🙏🏼☀️
Hey #TD sunshine a great video with nice explanation as always ..❤
Thanks! 🙏🏻☀️
Hey...I just love the way you teaching😇.Actually i need to build an complete e-commerce clothing store for me could you please help me in this....🥺
Thanks! That's a great idea for a video, I'll add it to my list 🙏🏻☀️
@15.28, mine doesn't tidy up like yours. The two surnames are in 2 columns & two rows aligned to the left. Also, my first name does not align with the images above......😥😥
Tidy up can be a bit buggy depending on how you have your elements at the start :/ sometimes moving them around a bit before clicking tidy up goes a long way! ☀️🙏🏻
14:20 how to show float screen like that while we open another file?
I did that when editing the video in Final cut pro ☀️
Dosen't design system include determining for the values in pixel for padding, margin, gap spacing, and dimensions for things like forms, Hero or Features sections, or the spaces around the page and between its sections?
someone said that bootstrap design system contain recommendations for this things but I can't find this.
so is there a place that has such suggested values?
Design systems can be so many things! Sometimes the can be as simple as just colours and typography and sometimes they can be super detailed with spacing and margins and all that jazz. I have a whole series on design systems if you want to check it out☀️🙏🏼 - ua-cam.com/play/PLx-zZQ15gdAqcVCE_EQvm820iWfgoKarq.html&si=TV9ZiOlFtPi9PdwB
@@TDSunshine
I watched this series and its realy valuable, I now just need additional knowledge about padding, margins, dimensions, and gap spacing. I need a recommended values for those things based on bootstrab or any other will known design systems
Hey, do we need to attribute for illustrations used in case studies?
It depends where you get your illustrations from 🙃 I would recommend always checking with the source website / plugin where you got them.🙏🏼☀️
@@TDSunshine the website i found them on makes a pop up for attributing the illustrations to websites that use them but mine is just a case study and not some official use so confused.
What should I do? And
Any without attributes plugin u know for illustrations?
@@kriswayne7938 I think you should give the attribution just in case. Better safe than sorry 🙃 I think unsplash might have a setting for “free” images only.
@@TDSunshine oh ok
Where do i put them in the case study? At the end with the heading 'attributions' ?
@@kriswayne7938 small grey writing at the bottom of the slide or page where you show them also works ☀️
Do you make programming videos too?😊😊
No :/ ☀️
Oh
Keep making these awesome videos!!!
I want more related to auto-layout (full, no fixed) 🥸
Keep it up! 🔥
Thanks! More to come ☀️🙏🏼
I do have this full auto layout breakdown video if you want to check it out - ua-cam.com/video/IPLbPOYFTHw/v-deo.html 💛
@@TDSunshine Thank you! I will.