Skip to content
UdemyFigmaPaid courseAll LevelsCertificate

Figma: Prototype & Animation Techniques For UX/UI (Udemy.com)

Learn all about the figma tools, prototype and animations to design a Web App.

Created by: Amine Abdelkebir

Last updated November 2023

icon
What you will learn

  • Creating great experiences with applications of UX Design.
  • See what do you need to create a beautiful web application?
  • See what do you need for prototyping?
  • Building interactive prototypes to share with co-workers and clients.
  • Add smart animations to screen components.

How it compares

Against the other 32 rated Udemy courses in Figma on CourseDuck:

  • Rating4.1 out of 5higher than 6% of them
  • Reviews46#32 of 33 by number of reviews
  • Length0.8 hoursshorter than 93% of them
  • Last updatedNovember 2023earlier than 59% of them

icon
Course Description

In this course, you’ll learn how to design a beautiful and simple web application with one of the most powerful free design tools, called Figma.

By the end of this course, you will have the skills and capacity to design a website that is visually appealing and easy to navigate. You’re also going to learn advanced tips, and features of prototyping.

Content description:

  1. Frame tool: In this video, we will prepare the first frame of our Website, and customize it to our needs.

  2. Landing page: In this video, we will start building the first screen of the Website.

  3. Buttons: In this video, we will design the buttons step by step with simple shapes.

  4. Navigation bar: In this video, we will add a beautiful modern navigation bar.

  5. Join page: In this video, we will continue preparing our Website with a Join page and designing a simple footer using Iconify plugin.

  6. Discover page: In this video, we will continue building our Website with a Discover screen.

  7. Powerful Plugins: In this video, we will use a powerful plugin to terminate the most important section of the platform.

  8. Prototype & Animations: In this video, we will start adding the links between the different screens, and add smart animations to components.

By the end of this course:

You will have learned the many great tools Figma has to offer and you will be able to prototype an engaging web app, that you can add smart animations, for your own projects or for your clients.

What do I need?

This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer and a web browser.

So what are you waiting for?

Let’s get started learning how to design real-world projects using Figma and take our design skills to a whole new level together.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Amine Abdelkebir

Hey, I'm Amine!

I am a UI/UX Designer & an Software developer with having almost 5 years of experience in application development and also 3 years of graphic design and UI/UX design.

Figma, Adobe XD and Sketch are my favourite tools.

If you like my classes follow me to be updated when new content arrives.

icon
More Figma courses

$124.99

$149.99

$109.99

$74.99

$69.99

Free

icon
Reviews

4.1

46 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Mariana Vanin on 7/23/2025

A qualidade do ingles deixa a desejar. o curso é bem iniciante mesmo

By Anushka Chhajed on 8/8/2024

very nicee!!!!!

By Agung Firmansyah on 4/15/2024

Easy to learn and quite interesting in presenting the material. Sounds relaxed and unhurried.

By Petar Kolev on 10/25/2023

It's good for a free course. Basics are covered but best practices are missing for some implementations

By Ronie Centino on 9/3/2023

just awesome!!!

By Akaanksha on 8/10/2023

This course is good for understanding making of design of websites in the figma.

By Gayathri Devi P on 7/20/2023

The video clarity is not good

By Jibril Hamisu on 7/9/2023

I find the Tutorial to be educative and interactive as well.

By Amir on 7/20/2024

By Lovedeep singh on 10/15/2023

Showing all 10 reviews on CourseDuck

Read all 46 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 82 / 100