Figma Web Design and Smart Animation

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.

Here is the link to the Figma project:

Get Images of the Project here:

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:

You can also reach me on :


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

  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

  3. I tried to follow this video to recreate the same and I made some mistakes and it ruined my entire design 4x. I gave up as I spent 4 hours doing it. There is no undo option in Figma. I am extremely disappointed. I got also very confused when you were talking about maxing the shapes together. You talked very fast and didn't repeat it. I, therefore, broke my design for the 5th time and def. gave up. But you are a great teacher, just slow down a bit and maybe consider explaining things 2-3x

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

Leave a comment

Your email address will not be published.