Figma Web Design and Smart Animation

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

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

  • @BuildingAmazingThings
    @BuildingAmazingThings  3 года назад +65

    Hello friends you can get the images for the project here : drive.google.com/drive/folders/1BxOi-mKoOj4ISTt_hkGcLfVzKwiA81dL?usp=sharing

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

      UX UI design best learning website ..?

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

      I just finished it. Thats incredible. I want to make a tutorial similar to this

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

      How did you remove the background images?

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

      Please how did you duplicate in 16:56 I am stock. Please help me

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

      Use contrl + D in windows or command + D in Mac

  • @marinastreletska8441
    @marinastreletska8441 4 года назад +179

    it’s very hard to find figma tutorials where they actually explain and show what exactly they are selecting and pressing. Thank you so much for this!! Please keep posting

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад +6

      Thank you very much

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

      How to intalled plugins in figma?

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 года назад +3

      Go to the community tab. Select the plugin tab.

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

      exactly..thanku so much ..I appreciate your effort.It is helpful for beginners

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

      plz sir upload tutorial on doing responsive food application in figmaa in detail for beginners

  • @ClementDaniel-r8f
    @ClementDaniel-r8f Год назад +2

    since when I started my ui/ux designs class this channel has been a big motivation towards my design thinking thanks for encouraging youth like us sir

    • @BuildingAmazingThings
      @BuildingAmazingThings  10 месяцев назад

      I'm so glad to hear that my channel has been a motivation for your design thinking! Keep pushing forward!

  • @yogeshmech4950
    @yogeshmech4950 3 года назад +4

    "I feel Figma is great and your work is too great" Thanks for teaching!

  • @Treeshousepodcast
    @Treeshousepodcast Год назад +2

    YOU KNOW THE THING ABOUT YOU IS THE EXPLANATION.. OMO YOU SABI TEACH WELL.. GOD BLESS YOU BRO

  • @emmanuella5740
    @emmanuella5740 3 года назад +12

    I just completed it successfully!!feel like a pro now😂😂 thank you so much!!! I'm thrilled!♥️♥️

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

    I have watched several tutorials but honestly none is as detailed as your videos. Thanks so much for being selfless.....God bless you

  • @187salonipetkar7
    @187salonipetkar7 2 года назад

    i literally just installed figma today to learn about ui/ux and made this in 3 hours with your video, your explaination was easy to understand ! thank you so much !!

  • @mateuszb4387
    @mateuszb4387 4 года назад +33

    the best Figma related channel, and one of the few best tutorial channels right now. Great stuff: unique, professional, well explained.

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад

      Thank you very much

    • @maskman4821
      @maskman4821 4 года назад

      yeah, this is one of the best figma channel !!!

    • @homesickfoodie3517
      @homesickfoodie3517 4 года назад +1

      So true 🥰

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

      I totally agree I am so motivated to learn the ui / Ux
      I wish he has a tutorial guide for beginners that would be so lovely
      He explains so clearly and great designs

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

      More tutorials will be coming out soon for beginners 🙌

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

    I just completed this exactly like how you instructed. Feeling so proud haha. Would love to see more of these tutorials.

  • @olabisielvis4940
    @olabisielvis4940 4 года назад +2

    Baba.....I deny feel your designs and explanations I swear... this is very unusual of a black man to take time and teach on RUclips... you're the best... one bottle for my head

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 года назад

      Thank you

    • @benjamina8357
      @benjamina8357 4 года назад

      Olabi that's kind of racist

    • @olabisielvis4940
      @olabisielvis4940 4 года назад

      @@benjamina8357 Forget it.. It's not... It's the. Truth I'm a black man myself

    • @benjamina8357
      @benjamina8357 4 года назад +2

      ​@@olabisielvis4940 I'm sorry, I must have misinterpreted your comment. I didn't see how his skin color was at all relevant so I thought you were implying that black men were incapable of making good RUclips videos or something like that. No hard feelings!

  • @dindustack
    @dindustack 4 года назад +3

    This is the go-to channel for Figma tutorial

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

    Thanks for being my 1st animated figma project instructor!

  • @mubafaw
    @mubafaw 3 года назад +14

    Short and concise! The way you simplify the complex stuff is amazing. I have learnt a lot from this tutorial which would help my career!

  • @amj_n1n80m6am
    @amj_n1n80m6am Год назад +5

    title - Text - Poppins - Medium - Regular - 14
    Food Hunt Breakfast Launch Dinner - 3:17 - Allign Center
    - Auto Layout - 63
    I elipse Food Hunt (file - > ruler)
    6:27
    # iMac -1
    - navigation bar
    - logo section
    - Food Hunt
    - circle elipse 8:11
    - download image
    - drag inside
    - drag Under 8:11
    - Delicious - 33333 color - start grid line -
    - Quench the Hunger - 14 regular
    - Auto gen Text under - 11:20
    - Under - rectangle - curl - quench now
    - Color cod 5CACOE
    - icon
    - eclipse large above food 15:21
    - Dash 10,
    - Allign center - 16:32
    - Drag eclipse 4 , 2 , 3 ordering
    - select imges and place on orbit of circle food.
    - center 57
    - icon 40x40 inside a rectangle
    - select pencil draw diagonal & delete other side
    - roll the pointer to down
    - duplicate & split on another side
    - hide elipse 4
    - Select semi circle orbit food images & drag with swap & put on orbit
    - change position
    - pointer to top of side food inge 23:59
    - Allign horizon Verti
    - turn off buttom
    - rotate image
    - #mac 2
    - 27:38
    - hide under semi eclipse
    - select rotate image - Set 35 o
    - change color large eclipse by copy from food
    - change for arrow also 32:02
    - Prototype - Animation
    - Smart Animate - Ease in

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

    This is such as good tutorial, i learned to create design for website for 35 minutes, thank you

  • @oluebubeokafor5816
    @oluebubeokafor5816 3 года назад +7

    You made this course so interesting and easy to understand. Yesterday was the first day i started designing and your videos have been helpful.

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

      Same here. Yesterday was literally my first day designing and I've learnt so much already, thanks to @Building amazing things. Mad respect to you sir!

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

    Amazing stuff! As a beginner UI designer this helps SO MUCH!!!!

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

    This was a fantastic and short video that helped me create something fabulous to woo a prospective client with. Keep it coming. You're amazing!

  • @ismailhossainnahid8278
    @ismailhossainnahid8278 4 года назад +4

    I've learned a lot of things as a beginner in Figma. It's a clean design and spacially I just learn the animation first. Thank you so much...

  • @rakeshruler2524
    @rakeshruler2524 6 месяцев назад +1

    Man your are Savior for the beginners !

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

    Yes sir...
    You're really trying...
    I was happy after everything..but on the way I got everything missed up 😂..
    Thank u so much, we really appreciate, may your efforts continue to move you foward

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

    Luckily for me i just came across your channel few days ago and I'm already motivated to try more.
    You just calm down dey make am easy for beginners like me.
    God bless you sir ❤️🌹

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

    I was surprised how understandable tNice tutorials tutorial is, thanks!

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

    Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

  • @dalejandro7924
    @dalejandro7924 2 года назад +6

    Great tutorial and thank you so much for taking the time to make a detailed version of that other video that was almost impossible to follow. Love the prototyping capabilities of Figma!

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

    This is the best figma tutorial video ever
    Where we learn in details .....
    Thanks bro keep posting we love 😍 you

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

    Waw, I followed every step you made. But figma has changed a lot over the years but I was able to work my way around the changes and it came out as beautiful. Thank you for being so detailed. and Yes! I love figma

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

    Baba you good . thanks for bring this on here. Love how you explain in details . That’s makes your channel one of best among others...... 🙌🙌🙌

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

    Thank you bro for sharing!! ❤️
    To the point.
    Great explanation ☺️
    Love from Gujarat India 🇮🇳

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

    Wow!!! So easy, explained very well.. Super liked ..
    Thank you.,
    Lots of love from India.

  • @5to81
    @5to81 3 года назад +2

    Thanks so much for the help my friend! Joining a UX Bootcamp next week, your videos helped me get there. Thanks!!

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

    Very clearly explained. Thank you so much bro Love from India

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

    you made figma look so easier. its a creative design, the video was very helpful! thank you!

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

    great man, this complicated animations you make it so simple, please make more like this

  • @alakaabimbola6951
    @alakaabimbola6951 3 года назад +4

    The ui is so beautiful.. I followed your step and I’m so proud of my self as a beginner.. you are an awesome teacher.. you are doing really well ❤️

  • @mitchynz
    @mitchynz 3 года назад +3

    Loved it! Never used Figma before and this was a great intro

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

    Wow, this tutorial is one of the best UI tutorials. Really nice project

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

    Thank you soo much, I tried animation for the very first time and it worked out. Thank you so much 😇

  • @nhile143
    @nhile143 2 года назад +7

    Thank you so much for walking us through this in so much detail!!! This is so to the point. I learn mostly by doing, and this has been such a huge help. It's literally the first design I'm trying out on Figma; made some customisations and it's working smoothly. I also love the design--so clean and pretty.
    Please keep up the great tutorials, and keep *building amazing things* ;)! Wishing you all the best :)

    • @muhammadshazain-nt9xf
      @muhammadshazain-nt9xf Год назад

      🦉🦅🦆🐍🦎🐢🐠🦕🦖🐳🐋🐬🐸🐦🐥🐤🐣🐔🐓I like nature💖

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

    You are doing a great job
    Figma is just a perfect tool for UI design

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

    Your video is awesome! I'm already in love with Figma and excited to use it in my next design projects!! Please keep making more Figma tutorials :)

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

    Thank you so much for walking us through this in so much detail!!!

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

    That button animation just blew my mind 😏🔥👌🏻🥰🥰

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

    Very detailed and concise tutorial. My first time trying out something beautiful on figma and you made it so so simple and easy for me. Thanks so much and may stay strong and healthy to always impact knowledge to us. Blessed you Boss

  • @kolaiyuthir-kaalam
    @kolaiyuthir-kaalam 2 года назад

    You earned a Subscriber ! Awesome Content Brother !!

  • @GraceMusyoka
    @GraceMusyoka 3 года назад +5

    I want to say thank you for your tutorial. Took me going through three of them and I was good enough to work on my own docs without shivering from fear. Best tutorial on Figma out there. Great work and keep it up,

  • @LordJHouse
    @LordJHouse 2 года назад +4

    Really appreciate the time you put into this video, it's definitely helping me understand how to create high-end hero sections in Figma. This is the first video I've seen on your channel, yet I just subscribed because the details you covered, as well as the complexity, was pretty easy to comprehend. Thanks again!

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

      Thank you for the honest feedback

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

      @@BuildingAmazingThings hello boss I am stuck. how did you make the circle transparent to see tru it and see d breakfast and lunch written behind it

  • @RockstahRolln
    @RockstahRolln 2 года назад +2

    This was absolutely fun and brilliant!! Thank YOU for taking the time out to create and take us through the entire process, much appreciated! I have subbed! :)

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

    It’s the sound you are making with your mouth for me😅😅 that feeling when your UI is visually pleasing will def make you happy. Nice content bro😃

  • @trihocve7686
    @trihocve7686 3 года назад +3

    I love your videos. I have learned a lot of things from them. You are my motivation and inspiration. Thank you so much.

  • @oziomaperfelinaodina8451
    @oziomaperfelinaodina8451 2 года назад +2

    This is a wonderful tutorial put together. Thanks for taking the time to creatively share your knowledge.
    You have added a lot amazing shortcuts and more sophisticated way of working to me. Gracias
    Figma is an amazing tool and I love everything about it!

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

    I'm so happy I found your channel, Thank you so much

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

    Great follow along tutorial. Thanks for this!

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

    This is beautiful. You deserve my subscription and like and comment.

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

    Appreciated this animation tutorial! Very pedagogical!

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

    Amazing Videos. Your works have been so helpful in my journey of UI/UX design. Thanks a lot

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

    Thank you very much for sharing your figma designs and your knowledge!

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

    That's a really awesome project! Thanks. I am new to UI/UX design.

  • @Lyn_-ih7fh
    @Lyn_-ih7fh 2 года назад

    You have no idea how grateful I am for tNice tutorials series

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

    Very well explained from start to finish! Thank you

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

    Assalam o Alaikum! how are you building amazing things. you are awesome man i tried and practiced it that is amazing. Figma is extravagant, ccol and levish design tool. keep up the good work. i m waiting to see more!.

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

    love your videos and work bro, stay happy and blessed, 😍 🥰 ♥

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

    Amazing video, I just completed it successfully. Thanks for this.

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

    👏👏👏 Amazing tutorial ❤

  • @akomolafeifeoluwa-qp9kg
    @akomolafeifeoluwa-qp9kg 11 месяцев назад

    This really awesome,I can't believe I did this with the help of your video,thank you 🙏

  • @suliatbello-g5k
    @suliatbello-g5k 5 месяцев назад

    Your video is awesome and very easy to follow. Thank you very much👍👍

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

    This is soooo beautiful and easy to follow. Thank you so much for this. Please keep posting.

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

    This is the best one. Thanks for this. Keep doing great work.

  • @zyrixel-mc
    @zyrixel-mc 2 года назад

    You got a sub that's all I can tell. Awesome great tutorial! Thanks man

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

    Seriously great skills man hats off ❤️

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

    Great design, Thanks for being a pillar

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

    this video was very helpful and detailed. i enjoyed every bit of it. thanks.

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

    Really appreciated for ur hardwork, from india

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

    This tutorial is fire 🔥!

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

    Thank you for the tutorial. Best use of animation in figma.

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

    Really great video love from Bangladesh 💝

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

    WOWWWWW...HOW COME I AM JUST SEEING THIS???
    SOOO AMAZING!!!!!!!
    NICE ONE
    WELLDONE
    THANKS ALOT

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

    Super dope man, I like the way you explained everything, five 🌟🌟🌟🌟 🌟

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

    Woooow! love it! Thanks

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

    Incredible! I would love to see a part 2 showing how you animate to a 3rd frame and so on! ❤

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

    Very good job. Keep it up!

  • @9jan1994
    @9jan1994 3 года назад +1

    great tutorial ....love from India

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

    Best Video I found on youtube

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

    Cette vidéo est une pépite !
    Thank u sir ! 🤝🏿

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

    Love this tutorial. Easy to follow and practice.

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

    Thank you so much for this amazing tutorial! I subscribed to keep up with your videos.

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

    Thank you for taking your time to explain very detail. It has been very educative. I really appreciate

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

    that was really awsmm... i really learned something amazing today!!! thankuuuu💜💜💜

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

    This is amazing!
    Makes everything easy to understand because of how you explain it.
    Thanks a lot

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

    such a fantastic tutorial!!

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

    I must comment your effort boss
    Thanks so much for this well detailed tutorial 🙏🙏🙏🙏
    It will help me alot
    Am new to this world of UI/UX

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

    Great video. Your video is very easy to follow and recreate. Like, you take time to tell us what you are pressing and doing, this simplifies those things that appear complicated. I followed through and have a beautiful design. Thank you so much. I will be watching more videos from your channel

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

    Loved this! Thank you.

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

    You're doing great teaching Sir... Keep doing
    Thank you Sir.

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

    I really enjoyed the process . I was able to follow every step and make my own animation

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

    Thank you took your time to explain every step, which is super helpful. Thank you!

  • @Studio-Il
    @Studio-Il 2 года назад +1

    Super clean and clear 👌
    Thank you!!

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

    Thank you very much, I have learned a lot from this short and concise tutorial!

  • @TaniyaKandwal-f7h
    @TaniyaKandwal-f7h Год назад

    amazing , u have explained everything so well .reallyyyyy helpful