Figma beginner crash course 2024 | UI/UX Course | Design with me in Figma & Prototype

[@1980nikolov]

Neo (Matrix) waking up: “I know Figma! …a bit”

[@TDSunshine]

Thank you ! ☀️🙏🏻💛

[@centrealm-manlyscribe4202]

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!!

[@TDSunshine]

Thank you so much! ☀️🙏🏻💛

[@parishstudio]

hands down one of the most engaging figma tutorials. youre a star

[@TDSunshine]

Thanks! ☀️🙏🏻💛

[@robertoinnocenzi3626]

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

[@TDSunshine]

Thank you so much!! ☀️🙏🏻💛

[@kamilwaszewski]

Nice video! I didn't know about the shortcut with Shift to reveal a group alignment options :D

[@TDSunshine]

Its so good right?? 🙏🏻☀️

[@kamilwaszewski]

@@TDSunshine Yes, cool one ;) Hidden gem :D

[@bkamnik1995]

super great ! insightful and engaging. Followed along and learned a lot. Thanks !

[@TDSunshine]

Glad you enjoyed it! ☀️🙏🏻💛

[@MrT4sure]

Spot on - thanks

[@TDSunshine]

Thanks! ☀️🙏🏻

[@utiudom872]

I’m really glad to have found this page, your tutorials has made learning really easy for me. Thank you

[@TDSunshine]

Great to hear! ☀️🙏🏻💛

[@Sani0602]

your videos are absolutely amazing!

[@TDSunshine]

Thank you so much!☀️🙏🏻💛

[@chizaramnze5367]

Hey sunshine I can only say thank you! Thank you!!

[@TDSunshine]

You are so welcome ☀️🙏🏻💛

[@MohammadAlzeer-wy1bb]

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!

[@TDSunshine]

Thank you do much for your kind words! ☀️🙏🏻💛

[@alinasiri9173]

The way you teach is awesome. I hope you continue to grow quickly. Thank you!

[@TDSunshine]

Thank you! ☀️🙏🏻💛

[@kakanishalemraju9995]

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 🙏🙏

[@TDSunshine]

thank you! Im glad it helps ☀️💛

[@MikeBalance]

Thanks!

[@TDSunshine]

Thank you so much! I’m glad you found the video helpful 🙏🏼☀️💛

[@surekas1347]

thank you so much ,you teach like a pro .you are a life saver

[@TDSunshine]

aww thanks! ☀️🙏🏻💛

[@KshitijShah89]

Thanks for teaching! Amazing videos!

[@TDSunshine]

You're welcome! ☺️☀️🙏🏻

[@Clintoncoheniii]

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. 😀

[@TDSunshine]

Aww yay I'm glad you are finding my channel helpful! ☀️💛🤗

[@hakandurma]

It's the best figma course on youtube !!!

[@TDSunshine]

aww thanks! ☀️🙏🏻💛

[@DhreetiRanjanBasu-j1e]

Grate Work!!

[@TDSunshine]

☀️🙏🏻

[@shrishti93]

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.

[@TDSunshine]

Great idea! thanks! 🙏🏻☀️🤗

[@MohammadAlzeer-wy1bb]

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! 😃

[@TDSunshine]

hahah thanks! I'm glad you enjoyed my silliness 😆 ☀️🙏🏻💛

[@sendd1555]

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!

[@TDSunshine]

😅

[@Samanticsweb]

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?

[@TDSunshine]

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* - kzbin.info/www/bejne/f4Gvk4OFjquHftk

[@BahaoLab]

Hey there! I’m a beginner in Figma and I found your video series incredibly helpful. Could you please suggest the order in which I should watch your playlist?

[@juliajeanbean]

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!

[@TDSunshine]

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 ☀️🙏🏻💛

[@juantuvieja4110]

Hey girl! You have the best Figma crash course, greetings from Argentina!!

[@TDSunshine]

aww Thanks! ☀️🙏🏻💛

[@AntanasGeguzinskas]

OMG :) You are amazing :)

[@TDSunshine]

Thanks! 🙏🏻☀️

[@kriti8105]

Bro I love your course❤❤❤

[@TDSunshine]

Thanks! ☀️🙏🏻💛

[@sevenson5112]

14:20 how to show float screen like that while we open another file?

[@TDSunshine]

I did that when editing the video in Final cut pro ☀️

[@harshit7600]

Eagerly waiting for for the next video!!

[@TDSunshine]

🙏🏼☀️

[@sfxs8235]

Im really so happy to find ur channel at the best time of designing❤️please provide more and more clips

[@TDSunshine]

Thanks! will do!☀️🙏🏻💛

[@tanishajain9700]

Watching your videos and learning figma. Your teaching style is amazing and very simplified. Also I genuinely like your personality, very positive and joyful❤.

[@TDSunshine]

Thank you so much! ☀️🙏🏻💛

[@kriswayne7938]

Hey, do we need to attribute for illustrations used in case studies?

[@TDSunshine]

It depends where you get your illustrations from 🙃 I would recommend always checking with the source website / plugin where you got them.🙏🏼☀️

[@kriswayne7938]

@@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?

[@TDSunshine]

@@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.

[@kriswayne7938]

@@TDSunshine oh ok Where do i put them in the case study? At the end with the heading 'attributions' ?

[@TDSunshine]

@@kriswayne7938 small grey writing at the bottom of the slide or page where you show them also works ☀️

[@petermckinnon386]

@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......😥😥

[@TDSunshine]

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! ☀️🙏🏻

[@al75an]

you are AMAZING! thank you so much for this course its really helpful 🙏

[@TDSunshine]

Glad it was helpful! ☀️💛

[@salemmohammad2701]

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?

[@TDSunshine]

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☀️🙏🏼 - kzbin.info/aero/PLx-zZQ15gdAqcVCE_EQvm820iWfgoKarq&si=TV9ZiOlFtPi9PdwB

[@salemmohammad2701]

@@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

[@KamranShahid-R]

One of the best lesson I have ever watched ❤

[@TDSunshine]

Thanks!! 🙏🏼☀️

[@leaz2868]

I really like your content, all your vidéos are really useful. Thank you so much for sharing 🙏

[@TDSunshine]

You're welcome! 🙏🏻☀️💛

[@easyprogramminglessons2943]

I have subscribed your channel.

[@TDSunshine]

Thanks! 🙏🏼☀️

[@mahamudurrahmanshaown6724]

very informative and amazing ✨✨

[@TDSunshine]

thanks! 🙏🏻☀️

[@kenneth_philip_dakas]

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?

[@TDSunshine]

Aww thanks! I’m glad you’ve found my videos helpful ❤️🙏🏼 I’ll ad the idea to my list of videos! ☀️🙏🏼

[@riturani7426]

Hey #TD sunshine a great video with nice explanation as always ..❤

[@TDSunshine]

Thanks! 🙏🏻☀️

[@T-SeriesHindi-g3s]

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....🥺

[@TDSunshine]

Thanks! That's a great idea for a video, I'll add it to my list 🙏🏻☀️

[@easyprogramminglessons2943]

Do you make programming videos too?😊😊

[@TDSunshine]

No :/ ☀️

[@easyprogramminglessons2943]

Oh

[@hoshmandbeclass3642]

[@davedesigns4you]

Keep making these awesome videos!!! I want more related to auto-layout (full, no fixed) 🥸 Keep it up! 🔥

[@TDSunshine]

Thanks! More to come ☀️🙏🏼 I do have this full auto layout breakdown video if you want to check it out - kzbin.info/www/bejne/f4Gvk4OFjquHftk 💛

[@davedesigns4you]

@@TDSunshine Thank you! I will.

[@tanishajain9700]

Watching your videos and learning figma. Your teaching style is amazing and very simplified. Also I genuinely like your personality, very positive and joyful❤.

[@TDSunshine]

Thank you! ☀️🙏🏻💛