Design animated slides on Figma | Beginner tutorial

Поделиться
HTML-код
  • Опубликовано: 3 авг 2024
  • Create beautiful, animated slide deck ALL IN Figma! In this detailed beginner-friendly tutorial, you will learn the basics of Figma, and a couple of tricks you can use for your own projects. You don't have to use Google Slides, Powerpoint or Keynote anymore. Explore features on Figma like Smart Animate, free Figma plugins, prototyping, reusable components, scale design elements and more. It's easy!
    ❤️ Grab the design file for FREE:
    rachelhow.gumroad.com/l/figma...
    👀 Watch Next...
    15 tips to design faster in Figma: • 15 tips to design 15X ...
    Roasting your portfolios 🙈 • Roasting your UI/UX de...
    How to create your first UX case study: • How to design your UI/...
    15 Tips to design your resume: • 15 tips to design your...
    Redesigning Nespresso's Website in 1 hour: • Redesigning Nespresso'...
    8 ways to get started in UX design for free 🔥 • 8 free ways to get sta...
    🎉
    My gear, tools, resources: rachelhow.com/resources
    Instagram: / rachelhxw
    Twitter: / rachelhxw
    Newsletter: www.rachelhow.com/newsletter
    Suggest new videos to me: airtable.com/shrAWb7oXtqb8s302
    Webflow: try.webflow.com/rachel ✿
    💫 If you're new here
    Thank you for stopping by! I create videos on product design (UI/UX), productivity and fun stuff.
    Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!
    // Chapters
    00:00 Intro
    01:00 Part One
    08:36 Took a lil' break
    09:07 Part Two
    14:27 Before you go

Комментарии • 232

  • @rachelhow
    @rachelhow  3 года назад +31

    Get the design file for free here:
    rachelhow.gumroad.com/l/figmaslides ❤️🥰
    Hope you like this video! I had so much fun filming this!

    • @nandinisolse9213
      @nandinisolse9213 2 года назад +1

      Not able to open your figma file. Please help me.

    • @radmylakussi
      @radmylakussi Год назад

      wow, this was super fun and easy! thank you

    • @dengjudeng9790
      @dengjudeng9790 Год назад

      Thank you,how can i export the 1920*1080 video from the figma ?

    • @PM-iw7xs
      @PM-iw7xs Год назад +1

      @@nandinisolse9213 Import file from Figma

    • @ajeesh3485
      @ajeesh3485 Год назад

      How to your text getting automatically resized when you resize your text frame?

  • @christinelin8799
    @christinelin8799 3 года назад +72

    I am usually unmotivated when it comes to studying, but watching your videos make me very excited to study UX and absorb all the information about it. Thanks for all these videos Rachel, can’t wait to see what videos you come out with in the future!

    • @rachelhow
      @rachelhow  3 года назад +2

      Happy to hear that, Christine! Hope you give this a try, and let me know how it goes!

  • @owningyourfinances
    @owningyourfinances Месяц назад

    You are such a great teacher!!! I'm excited to build out my Sales Training presentations for my team now!

  • @meganlee3422
    @meganlee3422 2 года назад +5

    This is the simplest Figma animation hands-on version I've ever watched! Love how Racheal use layman terms and her pace when explaining the prototype steps one by one. Highly recommend it to all designers out there!

  • @mfraibm
    @mfraibm Год назад +4

    Instructive, informative, productive, laidback, real world, friendly, helpful, motivating, positive vibes... just a few of the words that can describe who you are and what your channel does for people. Thank you, Rachel, I applaud you!

  • @harinadh1995
    @harinadh1995 2 года назад

    Rachel! You don't Believe how relieved I am with this video. This is what I am looking for, now I have a better understanding of how Dynamic transitions work. The way you presented these techniques is pretty much lucid. Thank You

  • @rizzalouisesy9855
    @rizzalouisesy9855 Год назад +1

    So cool! Simple and digestible bits of info! Nice tutorial

  • @nicoleteng6754
    @nicoleteng6754 2 года назад +1

    Hi Rachel! Attended your talk with Swarm yesterday and now I am checking out your content, it’s so insightful and keeps me going with learning UX on my own! I’m really inspired. Thank you for sharing your resources and your stories. Excited for more of your content. Keep it up! ✨

  • @kksal4375
    @kksal4375 2 года назад

    I love how your style! Thank you!!!

  • @dashaniagregory2038
    @dashaniagregory2038 3 года назад

    Love love this thank you so much Rachel! 😍😍

  • @chinweobiora3646
    @chinweobiora3646 2 года назад +1

    i finally tried all the animated slides, it took me a whole day though but it was worth it...i just started my ui/ux design lessons and it hasn't been easy...thanks for this amazing tutorial, i look forward to watching more of your videos

  • @future_proof
    @future_proof 3 года назад

    Another awesome video Rachel. So good!

  • @carolinaklaas128
    @carolinaklaas128 2 года назад

    Wonderful !!!!! 💖💖💖 Thank you Rachel ! you rock!

  • @wittywit6219
    @wittywit6219 3 года назад

    Thank you for the tutorial!! Also, the shortcuts are very useful

  • @mahirahmajdi
    @mahirahmajdi 3 года назад +9

    I'm so pumped to give this a try!! Thank you so much for sharing, Rachel~

    • @rachelhow
      @rachelhow  3 года назад

      Let me know how it turns out!! 😁

  • @LindaWard313
    @LindaWard313 2 года назад

    Thank you!!! This video is exactly what I needed. Thanks for the help and the inspiration - my presentation is going to be awesome now!

  • @lgallphn
    @lgallphn Год назад

    What a great tutorial! Thanks a loooot!

  • @agustinbritez_
    @agustinbritez_ 2 года назад

    Thank u Rachel!! This was super useful! 😃✨

  • @vinhang7277
    @vinhang7277 Год назад

    Wow, it's amazing. Normally, I just use Powerpoint for Slides but you provided me with another great tool and way to do it. Thanks so much

  • @hamzasboui5686
    @hamzasboui5686 2 года назад

    Extremely helpful !! Keep short tutorial videos coming please .

  • @lengocchau1454
    @lengocchau1454 2 года назад

    Hi Rachel! Thank you so much for the instruction. It's very easy to understand and follow!

  • @ronitparmar5236
    @ronitparmar5236 4 месяца назад

    Super Helpful ! ❤

  • @ania5078
    @ania5078 2 года назад

    Hi! Thank you for this tutorial. I feel motivated to learn more!

  • @jisselamurillo5969
    @jisselamurillo5969 2 года назад

    This was great! I just started learning about animation on skillshare, I am glad I ran into your video, so much helpful advice.

  • @Mirelly
    @Mirelly 3 года назад

    Excellent!!!Thank you for sharing this...I loved your channel!

  • @juls2334
    @juls2334 3 года назад

    Wow I love your tutorials Rachel! Very useful!

    • @rachelhow
      @rachelhow  3 года назад

      Thank you for watching, Juls! 😁

  • @jayaganesh8941
    @jayaganesh8941 Год назад

    Thank you so much for this tutorial🤩

  • @aarohimore2633
    @aarohimore2633 2 года назад +1

    Hi Rachel, I just love your videos your videos are very useful to me. and also inspired me for designing new things.💯

  • @czarscrib3680
    @czarscrib3680 3 года назад

    Your videos are so inspiring. I look forward to your next video

  • @UIchet
    @UIchet 2 года назад

    thank you for video. I love it

  • @jayreambonanza1991
    @jayreambonanza1991 3 месяца назад

    Thank you so much!!

  • @trinhngocquy4613
    @trinhngocquy4613 2 года назад

    thank Rachel, it's very helpfully

  • @anupkaushik9370
    @anupkaushik9370 5 месяцев назад

    This is what i was searching .I appreciate your easy to understand tutorial. I am a Designer & from this tutorial i upgraded my skills..🎯

  • @setiaone-notionways
    @setiaone-notionways 11 месяцев назад

    amazing work!

  • @lorenaaristizabal987
    @lorenaaristizabal987 2 года назад +1

    ¡Muchas gracias por el excelente tutorial, súper completo y muy bien explicado! 😍😍😍

  • @RizaHariati
    @RizaHariati Год назад

    I love how you explained it. Very clear, fast and easy to understand. Thank you!

  • @Wilomite
    @Wilomite 5 месяцев назад

    The best video for beginners. Thank you so very much for sharing this.

  • @ForhadSattar
    @ForhadSattar Год назад

    Immensely helpful video!!!

  • @luqmanafif6048
    @luqmanafif6048 2 года назад +1

    amazing. keep going making great content! 🔥🔥. Really help me to self-learn design

  • @sakshimadhale9113
    @sakshimadhale9113 3 года назад

    Thank you mam! Do keep inspiring us..! Your videos are truly helpful! Thank you ✨

  • @shinthantaung9589
    @shinthantaung9589 2 года назад

    Thank you for the video.

  • @iamjoyamara
    @iamjoyamara 3 года назад

    Thanks for this lovely tutorial Rachel.

    • @rachelhow
      @rachelhow  3 года назад +1

      You're welcome! Hope you like it 🥰

  • @nancyadaeze1901
    @nancyadaeze1901 2 года назад +1

    Best video ever. I screamed after I tried doing this and got it right. Thank you for making my day, lovely woman. May the odds forever be in your favour. I am so, so happy.

    • @rachelhow
      @rachelhow  2 года назад +1

      I'm so happy to hear this! All the best to you Nancy!

  • @somoscode4151
    @somoscode4151 7 месяцев назад

    Excellent video. thanks.

  • @rakib17874
    @rakib17874 Год назад

    Wooh..Thanks for the spacebar tips

  • @emilgrochulski2182
    @emilgrochulski2182 2 года назад

    Super cool! Thanks!

  • @harshakre4586
    @harshakre4586 2 года назад

    Most Needed Video🤩🤩...
    Thank u so much🤗

  • @lfan_tv
    @lfan_tv 2 года назад

    Amazing thanks for sharing it💗

  • @user-rf9ms6jr5k
    @user-rf9ms6jr5k 11 месяцев назад

    Thank you this was really helpful

  • @dikeatukunda1612
    @dikeatukunda1612 Год назад

    Just what I was looking for. Thank you!

  • @irene_ee3772
    @irene_ee3772 3 года назад

    Hi Rachel, just wanna say I love your content so much, keep it up *love from Canada*

  • @KombuchaMushroom8
    @KombuchaMushroom8 2 года назад

    This is the best tutorial I found so far.. Your videos are great!

    • @rachelhow
      @rachelhow  2 года назад

      Thank you so much Lucie!!! So happy to be able to help.

  • @noam300896
    @noam300896 2 года назад +1

    So simple, yet so smart. Very nice use of Figma.

  • @JohnnyPower-eh8qr
    @JohnnyPower-eh8qr Год назад

    Really great video. No assumed knowledge and really well explained. Nice skilz!

  • @vb7668
    @vb7668 2 года назад

    God bless you Rachel, thank you for being so nice and a friend :)

  • @YT-XD
    @YT-XD 4 месяца назад

    THANKS FOR SHARING 👍

  • @chandinicreates
    @chandinicreates 3 года назад

    Inspired :)
    Thank you

  • @Abcdef-ek3dt
    @Abcdef-ek3dt 3 года назад

    Wow I like your video so much !! Helped me so much and looking forward for more tutorial !

  • @shadow-killer2.053
    @shadow-killer2.053 11 месяцев назад

    Thank You SM

  • @umidayusupova1221
    @umidayusupova1221 Год назад

    Hey Rachel ! You have my like and a new subscriber 😍

  • @shruh3460
    @shruh3460 2 года назад

    Short and simple thank you 💙

    • @rachelhow
      @rachelhow  2 года назад

      Glad it was helpful!

  • @shutup7726
    @shutup7726 2 года назад

    Thank you so much for this vid!💓 so helpful!!!

    • @rachelhow
      @rachelhow  2 года назад

      Thank you for watching too! Happy to have you around 👋

  • @yasminejoura7698
    @yasminejoura7698 3 года назад

    Please make more videos like this... I love to design in Figma❤... And I wanna try creating more new things as I am new to it.... Your video's literally helped me a lottt❤❤❤

  • @maraya2374
    @maraya2374 3 года назад

    Extremely helpful !! Keep short tutorial videos coming please 😁

    • @rachelhow
      @rachelhow  3 года назад

      Thanks Maraya! How did you find the pace of this video? Is it too long? (I tried to keep it concise but still friendly for beginners)

  • @giorgosmoustakidhs
    @giorgosmoustakidhs 3 года назад

    Very useful tips for animated slides. I loved lil' break!!!

    • @rachelhow
      @rachelhow  3 года назад

      Yay! I love the lil' break too. 😁 Thanks for watching Giorgos!

  • @digileapmarketingservices
    @digileapmarketingservices 2 года назад

    This was very useful. Thankyou

  • @lifewithcriscell
    @lifewithcriscell 3 года назад

    Thanks for this ❤️ ❤️❤️

  • @nicola_paganini
    @nicola_paganini 2 года назад +3

    I have never heard of UX/UI design before discovering your channel via Matt's Snail Mail. I was so intrigued by it that I started tinkering around Figma myself. I'm not an art major in any way but your tutorial made it seem like a fun hobby to pick up. Thank you for the simple and direct tutorial! From a Malaysian fan! :)

  • @HeathLehman
    @HeathLehman 6 месяцев назад

    Wow Rachel!!! Thank you so much for sharing this. I am so tired of Google Slides and PPT!!!
    You saved me.

  • @syedjaffarkazmi1116
    @syedjaffarkazmi1116 2 года назад +1

    Thank you so much! Just presented my work to client using your video, it helped me a lot!

    • @rachelhow
      @rachelhow  2 года назад

      Yay!!! Glad it's helpful to you! 🙏🏻

  • @macarenacosta3055
    @macarenacosta3055 2 года назад

    Super useful video, thank you so much!

    • @rachelhow
      @rachelhow  2 года назад

      Glad it was helpful!

  • @andrew_to
    @andrew_to 3 года назад

    Very useful tips. Smart animate is amazing. 🥳

  • @anabittenco
    @anabittenco Год назад

    Thank you! ❤

  • @gametuberyt8229
    @gametuberyt8229 2 года назад

    loved it

  • @fayezatasnim4997
    @fayezatasnim4997 2 года назад

    hey I genuinely want to thank you for the tutorial! I have an upcoming presentation and got to learn huge from you and I love it!! thanks a ton!

    • @rachelhow
      @rachelhow  2 года назад

      Yay! Good luck in your presentation! :)

  • @azardeenmajeed7934
    @azardeenmajeed7934 3 года назад +1

    I expect more tutorial like this and I am a beginner very excited after found ur channel

    • @rachelhow
      @rachelhow  3 года назад +1

      More to come. Thanks for sticking around, Azardeen!

  • @cesarr.gudiol6854
    @cesarr.gudiol6854 2 года назад

    thanks a lot!

  • @zugelisgutierrez7549
    @zugelisgutierrez7549 Год назад

    You are best ;) Thank You !!!!!!!!!!!!!!!!

  • @samanthajoseph6297
    @samanthajoseph6297 2 года назад

    I'm new to the UX/UI world but passionate! Thanks sooooo much for these amazing videos! Also, your logo is mega clever😱

    • @rachelhow
      @rachelhow  2 года назад

      Thank you!! ❤️❤️❤️

  • @gracedanye
    @gracedanye 2 года назад

    Awesome 🔥 🔥 🔥 🔥

  • @xinzhen4082
    @xinzhen4082 2 года назад

    Thx for sharing with us

  • @ajeesh3485
    @ajeesh3485 Год назад

    great video,
    thank you

  • @MagdelineHuang
    @MagdelineHuang 3 года назад +11

    This video was so helpful, thanks Rachel! I had no idea you could animate like this in Figma. Keep up the amazing videos 😍

    • @rachelhow
      @rachelhow  3 года назад +1

      Thanks for watching, talented Magdeline ❤️ So glad to have you here!

  • @KT-User
    @KT-User 3 года назад

    thanks a lot Rachel......

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cj 2 месяца назад

    Thank you so much my dear❤❤❤😘😘😘

  • @ChristinaShatohina
    @ChristinaShatohina 2 года назад

    Thank you, very informative

    • @rachelhow
      @rachelhow  2 года назад

      Glad it was helpful :) Thanks for watching!

  • @phelisanondzaba461
    @phelisanondzaba461 2 года назад

    Wow this is so awesome! Thank you so much for sharing.
    I wonder, would you be able to do a carousel like pictures?

  • @zugelisgutierrez7549
    @zugelisgutierrez7549 Год назад

    Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)

  • @digitalartvontyna
    @digitalartvontyna Год назад

    perfect video

  • @effakrisma
    @effakrisma 2 года назад

    Perfect 👌👍

  • @Yeasiin
    @Yeasiin 3 года назад

    I Loved That ❤❤

    • @rachelhow
      @rachelhow  3 года назад +1

      Oh hi! Thanks for watching :)

  • @alawyarammah488
    @alawyarammah488 2 года назад

    Thanks a lot

  • @SteveKalinda
    @SteveKalinda 3 года назад

    WE WANT MORE±±± Thank you Rachel±

  • @aweresdeadlly6631
    @aweresdeadlly6631 Год назад

    i love u bro!

  • @mzmouzemimou4206
    @mzmouzemimou4206 8 месяцев назад

    Thank you ... 🔥🔥🔥🔥

  • @musasibeko9216
    @musasibeko9216 Год назад

    Thank you

  • @ridhamkohli
    @ridhamkohli 2 года назад

    Hey maam, thanks a lot for these videos. Worth subscription ❤. Learning a lot from you. Was confused with my career, now i know, what to do. It will require time and patience, but i guess i got best guidance in you. Sending you best wishes.❤

  • @lopezvargasfernando2277
    @lopezvargasfernando2277 Год назад +1

    Thank you so much
    for vidio

  • @charityphuthego2526
    @charityphuthego2526 2 года назад

    How i love this woman. I'm starting to design

  • @yaellevy1164
    @yaellevy1164 2 года назад +5

    Hey Rachel.
    Thank you for this tutorial.
    Is there a way to keep the animations in a Keynote presentation?