Figma Web Design and Smart Animation

Подписаться 56 тыс.

Просмотров 428 тыс.

50% 1

In this Figma Web Design Tutorial, you are going to learn how to design a Professional website/web UI in Figma. Also, you will learn how to create animations in this tutorial using Figma Smart Animate Tool. Figma is a free UI Design tool used creating Website/web UIs.
Get Figma
👉 hyginusukeh.com/figma
----------------------
If you’ll love 💕 to support me, purchase a thanks on the video. This will help me to create more contents on RU-vid. Thanks 😊
----------------------
Here is the link to the Figma project: www.figma.com/file/c20w32PL8B...
Get Images of the Project here:
drive.google.com/drive/folder...
Let me know what you think about this video and should in case you have any challenges, let me know in the comment section.
Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video.
Subscribe to my channel my clicking this link: / @buildingamazingthings
You can also reach me on :
Website: www.hyginusukeh.com
Facebook: / hyginusukeh2
Twitter: / hyginusukeh
Instagram: / hyginusukeh
RU-vid: / @buildingamazingthings

Опубликовано:

22 сен 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 794

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

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

@cloudlyrics9344 2 года назад

UX UI design best learning website ..?

@JournalistLoveTech 2 года назад

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

@TwinkleToes_2001 2 года назад

How did you remove the background images?

@uchennahenrietta5127 2 года назад

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

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

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

@marinastreletska8441 3 года назад

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 3 года назад

Thank you very much

@rimeshsapkota7335 3 года назад

How to intalled plugins in figma?

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

Go to the community tab. Select the plugin tab.

@allinone4843 Год назад

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

@allinone4843 Год назад

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

@mubafaw 2 года назад

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!

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

Glad it helped!

@RockstahRolln 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! :)

@dalejandro7924 2 года назад

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!

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

You're welcome 😊

@varshamorey3074 2 года назад

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

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

Glad to hear that! sure there be more keep your fingers crossed!

@csgo7395 3 года назад

This video is sooooo cool. I have been consuming a lot of your videos, and I love them so much. I got confused when you started the masking and the duplicating of images in each other. But when you previewed the prototype, that was when I got the real gist. Thanks for doing this.

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

Glad you got it!😊

@mayowaemmanuel5214 2 года назад

But why was the rectangle duplicated if it wasn’t used It was just minimized and hidden

@nhile143 2 года назад

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 Год назад

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

@shennaghaytacan4640 Год назад

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 :)

@lovelynearmstrong Год назад

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

@tricialuvdavid3743 Год назад

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

@Pareja7 Год назад

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!

@BuildingAmazingThings Год назад

Thanks

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

Thanks for being my 1st animated figma project instructor!

@elenabargaoanu5763 2 года назад

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

@yogeshmech4950 2 года назад

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

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

Glad you think so! Thanks for watching.

@mutfaktabiracemi3685 2 года назад

Thanks a lot! You taught us every details. 🙌🏻 And I love your design 😍

@187salonipetkar7 Год назад

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

@oziomaperfelinaodina8451 Год назад

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!

@rhoda_lee_ Год назад

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

@janefrancesayogu2806 Год назад

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

@oluebubeokafor5816 2 года назад

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

@DesignerSuyab Год назад

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

@5to81 3 года назад

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

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

Glad to be of help. Cheers!😇

@LordJHouse Год назад

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 Год назад

Thank you for the honest feedback

@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

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

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

@ismailhossainnahid8278 3 года назад

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

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

You are welcome

@vartikasharma8330 Год назад

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

@telsamorgan5369 Год назад

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

@BuildingAmazingThings Год назад

You are welcome. Thanks for watching

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

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

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

You're welcome! Glad you're learning!

@thevideoguys6191 2 года назад

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

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

Good to know 😊

@favournduagu2988 2 года назад

I enjoyed following this tutorial. It was easy to follow and you explained things so well. Thank you for this amazing learning resource

@blanche0018 2 года назад

Thank you very much! I really enjoyed following along, and I learned a lot too ^D^

@zyrixel-mc Год назад

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

@emmanuella5740 3 года назад

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

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

Good job. If you have done this you are pro 😁😁😁

@roselyn_ez1195 Год назад

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

@Anandharajan.a Год назад

You earned a Subscriber ! Awesome Content Brother !!

@rakeshruler2524 Месяц назад

Man your are Savior for the beginners !

@mitchynz 2 года назад

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

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

Thanks so much!

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

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

@Studio-Il 2 года назад

Super clean and clear 👌 Thank you!!

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

You're welcome 😊

@oluwagbemigaowolabi4914 Год назад

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

@damilaremoibi6481 2 года назад

I really loved this!!

@birgittaedberg3739 2 года назад

Appreciated this animation tutorial! Very pedagogical!

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

Glad you appreciate it Thank you so much 😊

@oluwasegunjasonoladun5051 Год назад

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

@alakaabimbola6951 2 года назад

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 ❤️

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

Thank you so much! Cheers!

@asorchristopher9160 Год назад

Thank you so much for this I love the UI and animations

@idonggodwin Год назад

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

@nadiyaklokova8175 2 года назад

Woooow! love it! Thanks

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

Thanks for watching

@keneilweduma5393 2 года назад

This is mind blowing! Thank you so much for this

@user-ih4zj8nb5r 2 года назад

thank you so much! the design and animation are very cool!

@shakil8490 3 года назад

Finally! Just awsome!!!

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

Thanks

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

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

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

Good to know Nadia. You're welcome.

@anilchaudhary2964 3 года назад

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

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

Thanks, will do!

@stellarray626 2 месяца назад

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

@dhaneshv1270 2 года назад

Amazing video! Thank you so much! Keep going

@ayanbanerjee5508 2 года назад

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

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

Thanks, will do!

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

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

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

Glad it helped!

@emmanueladom8893 Год назад

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

@srilakshmijeyakumar2766 2 года назад

It is very good and clear!! Thank you for this amazing design!

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

You are welcome 😊🤗🥳🥳🤗

@lateefatsalami9728 2 года назад

Love this tutorial. Easy to follow and practice.

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

Good to know!

@fego7580 Год назад

Great content! I loved it

@fs-pp9ti 2 года назад

Thankyou so much for this tutorial!

@toluwanimiosebeyo9622 Год назад

Great design, Thanks for being a pillar

@themizar9620 Год назад

thanks for the tutorial, i will use it for group project

@itzboyon6983 2 года назад

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

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

Thanks. Keep learning... You'll do great 😊

@nayinineeraj5409 Год назад

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

@soonarii7983 2 года назад

Great content ! I will surely try this

@afubamozart8670 Год назад

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

@jgvlc 2 года назад

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

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

You're welcome 😊

@ezeanaechechinaemerem1979 Год назад

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 ❤️🌹

@davidmiles2024 2 года назад

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

@adevikthur Год назад

Amazing stuff!

@RUBEMSENAC 2 года назад

Thanks! Great video!

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

Glad you liked it!

@UzomaEnemo Год назад

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

@oluwaseunayanyemi1574 2 года назад

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

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

Glad it was helpful!

@GraceMusyoka 3 года назад

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,

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

Sorry for the late response. I'm glad it was helpful to you.

@marie91999 2 года назад

Very well explained from start to finish! Thank you

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

You're welcome 😊

@_gp_13 2 года назад

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

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

Thanks Bro! Glad you liked it 😊

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

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

@nishitchauhan7418 2 года назад

Loved this! Thank you.

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

You're welcome!

@hariskrajina956 2 года назад

Thank you for this, I much appreciate your attention to detail and great-looking site as the end result. Learned a lot.

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

Glad to hear this! Kudos!

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

Glad to hear this! Kudos!

@yogarelaxation.6332 2 года назад

@@BuildingAmazingThings how do I make my screen to be responsive to other large and small screens

@shofahabib3912 Год назад

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

@Jishnucreations2021 3 года назад

Thank you so much, dude.It is working.yeeee

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

You are welcome, brother

@zohazaidi2532 11 месяцев назад

great man....its stunning

@lucaspimentel8750 Год назад

You are awesome! Thank you very much!

@shubhamhire9390 2 года назад

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

@BoldKing71 Год назад

You are just wonderful 😊!

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

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

@lachchanderdagar7184 2 года назад

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

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

Thanks

@yuliyaflv9429 2 года назад

Thank you very much!👍🤓

@monome3038 2 года назад

Learned so much, thank you loads!

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

Glad it was helpful!😊

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

amazing , u have explained everything so well .reallyyyyy helpful

@aanuoluwapoadebanjo3038 2 года назад

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

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

Happy with your feedback. Thank you 😊

@fastcrypto1647 2 года назад

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

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

You're welcome

@harbyodun20 Год назад

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

@BuildingAmazingThings Год назад

Thanks

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

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

@user-oz8kl1ok4t 8 месяцев назад

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 5 месяцев назад

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