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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.พ. 2025

ความคิดเห็น • 103

  • @1980nikolov
    @1980nikolov 2 หลายเดือนก่อน +1

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

    • @TDSunshine
      @TDSunshine  หลายเดือนก่อน

      Thank you ! ☀️🙏🏻💛

  • @parishstudio
    @parishstudio 11 หลายเดือนก่อน +6

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

    • @TDSunshine
      @TDSunshine  11 หลายเดือนก่อน

      Thanks! ☀️🙏🏻💛

  • @centrealm-manlyscribe4202
    @centrealm-manlyscribe4202 8 หลายเดือนก่อน +6

    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
      @TDSunshine  8 หลายเดือนก่อน

      Thank you so much! ☀️🙏🏻💛

  • @robertoinnocenzi3626
    @robertoinnocenzi3626 5 หลายเดือนก่อน +2

    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
      @TDSunshine  5 หลายเดือนก่อน +1

      Thank you so much!! ☀️🙏🏻💛

  • @MikeBalance
    @MikeBalance 8 หลายเดือนก่อน +3

    Thanks!

    • @TDSunshine
      @TDSunshine  8 หลายเดือนก่อน +1

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

  • @kakanishalemraju9995
    @kakanishalemraju9995 ปีที่แล้ว +1

    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
      @TDSunshine  ปีที่แล้ว

      thank you! Im glad it helps ☀️💛

  • @bkamnik1995
    @bkamnik1995 4 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  3 หลายเดือนก่อน

      Glad you enjoyed it! ☀️🙏🏻💛

  • @hakandurma
    @hakandurma 2 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  หลายเดือนก่อน

      aww thanks! ☀️🙏🏻💛

  • @utiudom872
    @utiudom872 4 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  4 หลายเดือนก่อน

      Great to hear! ☀️🙏🏻💛

  • @alinasiri9173
    @alinasiri9173 7 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  7 หลายเดือนก่อน

      Thank you! ☀️🙏🏻💛

  • @Clintoncoheniii
    @Clintoncoheniii 11 หลายเดือนก่อน

    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
      @TDSunshine  11 หลายเดือนก่อน +1

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

  • @MrT4sure
    @MrT4sure 4 หลายเดือนก่อน +1

    Spot on - thanks

    • @TDSunshine
      @TDSunshine  4 หลายเดือนก่อน

      Thanks! ☀️🙏🏻

  • @MohammadAlzeer-wy1bb
    @MohammadAlzeer-wy1bb 6 หลายเดือนก่อน

    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
      @TDSunshine  5 หลายเดือนก่อน +1

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

  • @MohammadAlzeer-wy1bb
    @MohammadAlzeer-wy1bb 6 หลายเดือนก่อน

    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
      @TDSunshine  5 หลายเดือนก่อน +1

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

  • @kamilwaszewski
    @kamilwaszewski ปีที่แล้ว +1

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +1

      Its so good right?? 🙏🏻☀️

    • @kamilwaszewski
      @kamilwaszewski 11 หลายเดือนก่อน

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

  • @Sani0602
    @Sani0602 6 หลายเดือนก่อน

    your videos are absolutely amazing!

    • @TDSunshine
      @TDSunshine  5 หลายเดือนก่อน

      Thank you so much!☀️🙏🏻💛

  • @sendd1555
    @sendd1555 ปีที่แล้ว +1

    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!

  • @chizaramnze5367
    @chizaramnze5367 5 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  5 หลายเดือนก่อน

      You are so welcome ☀️🙏🏻💛

  • @KshitijShah89
    @KshitijShah89 11 หลายเดือนก่อน +1

    Thanks for teaching! Amazing videos!

    • @TDSunshine
      @TDSunshine  11 หลายเดือนก่อน

      You're welcome! ☺️☀️🙏🏻

  • @surekas1347
    @surekas1347 7 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  7 หลายเดือนก่อน

      aww thanks! ☀️🙏🏻💛

  • @kriti8105
    @kriti8105 3 หลายเดือนก่อน +1

    Bro I love your course❤❤❤

    • @TDSunshine
      @TDSunshine  3 หลายเดือนก่อน

      Thanks! ☀️🙏🏻💛

  • @juantuvieja4110
    @juantuvieja4110 8 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  8 หลายเดือนก่อน +1

      aww Thanks! ☀️🙏🏻💛

  • @tanishajain9700
    @tanishajain9700 4 หลายเดือนก่อน

    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
      @TDSunshine  4 หลายเดือนก่อน

      Thank you so much! ☀️🙏🏻💛

  • @DhreetiRanjanBasu-j1e
    @DhreetiRanjanBasu-j1e 6 หลายเดือนก่อน +1

    Grate Work!!

    • @TDSunshine
      @TDSunshine  6 หลายเดือนก่อน

      ☀️🙏🏻

  • @sfxs8235
    @sfxs8235 11 หลายเดือนก่อน

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

    • @TDSunshine
      @TDSunshine  11 หลายเดือนก่อน

      Thanks! will do!☀️🙏🏻💛

  • @shrishti93
    @shrishti93 11 หลายเดือนก่อน +1

    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
      @TDSunshine  11 หลายเดือนก่อน

      Great idea! thanks! 🙏🏻☀️🤗

  • @AntanasGeguzinskas
    @AntanasGeguzinskas ปีที่แล้ว +1

    OMG :) You are amazing :)

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

      Thanks! 🙏🏻☀️

  • @SamanticsNL
    @SamanticsNL 10 หลายเดือนก่อน

    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
      @TDSunshine  10 หลายเดือนก่อน

      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* - th-cam.com/video/IPLbPOYFTHw/w-d-xo.html

  • @harshit7600
    @harshit7600 ปีที่แล้ว

    Eagerly waiting for for the next video!!

  • @al75an
    @al75an ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +1

      Glad it was helpful! ☀️💛

  • @KamranShahid-R
    @KamranShahid-R ปีที่แล้ว

    One of the best lesson I have ever watched ❤

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

      Thanks!! 🙏🏼☀️

  • @kenneth_philip_dakas
    @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
      @TDSunshine  ปีที่แล้ว +1

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

  • @juliajeanbean
    @juliajeanbean 6 หลายเดือนก่อน

    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
      @TDSunshine  6 หลายเดือนก่อน

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

  • @mahamudurrahmanshaown6724
    @mahamudurrahmanshaown6724 ปีที่แล้ว

    very informative and amazing ✨✨

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

      thanks! 🙏🏻☀️

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

    • @TDSunshine
      @TDSunshine  หลายเดือนก่อน

      Im glad you liked it! I would say to stick to the basics first as a beginner then dip into components and auto layout once you feel more comfortable with the tool. and finally try to learn variables! they are super powerful but can be a bit much for a beginner. ☀️🙏🏻💛

  • @leaz2868
    @leaz2868 ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

      You're welcome! 🙏🏻☀️💛

  • @davedesigns4you
    @davedesigns4you ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +1

      Thanks! More to come ☀️🙏🏼
      I do have this full auto layout breakdown video if you want to check it out - th-cam.com/video/IPLbPOYFTHw/w-d-xo.html 💛

    • @davedesigns4you
      @davedesigns4you ปีที่แล้ว

      @@TDSunshine Thank you! I will.

  • @kriswayne7938
    @kriswayne7938 ปีที่แล้ว +1

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +2

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

    • @kriswayne7938
      @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
      @TDSunshine  ปีที่แล้ว +1

      @@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
      @kriswayne7938 ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +1

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

  • @petermckinnon386
    @petermckinnon386 8 หลายเดือนก่อน

    @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
      @TDSunshine  8 หลายเดือนก่อน

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

  • @riturani7426
    @riturani7426 ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

      Thanks! 🙏🏻☀️

  • @salemmohammad2701
    @salemmohammad2701 11 หลายเดือนก่อน

    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
      @TDSunshine  11 หลายเดือนก่อน

      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☀️🙏🏼 - th-cam.com/play/PLx-zZQ15gdAqcVCE_EQvm820iWfgoKarq.html&si=TV9ZiOlFtPi9PdwB

    • @salemmohammad2701
      @salemmohammad2701 11 หลายเดือนก่อน

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

  • @easyprogramminglessons2943
    @easyprogramminglessons2943 ปีที่แล้ว +1

    I have subscribed your channel.

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว +1

      Thanks! 🙏🏼☀️

  • @sevenson5112
    @sevenson5112 ปีที่แล้ว

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

    • @TDSunshine
      @TDSunshine  ปีที่แล้ว

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

  • @T-SeriesHindi-g3s
    @T-SeriesHindi-g3s 8 หลายเดือนก่อน

    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
      @TDSunshine  8 หลายเดือนก่อน

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

  • @easyprogramminglessons2943
    @easyprogramminglessons2943 ปีที่แล้ว

    Do you make programming videos too?😊😊

  • @hoshmandbeclass3642
    @hoshmandbeclass3642 ปีที่แล้ว

  • @tanishajain9700
    @tanishajain9700 4 หลายเดือนก่อน

    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
      @TDSunshine  4 หลายเดือนก่อน

      Thank you! ☀️🙏🏻💛