Figma Web Design Tutorial for Beginners

Figma tutorial for Beginners: Complete Website from Start to Finish

Here in 2025? Check out our most up to date Figma crash course 👉 https://youtu.be/m9uXR4xt95w FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G - Build alongside Ran by downloading the starter file here 👉 https://bit.ly/figma_tutorial Need a new Figma account? - https://psxid.figma.com/s8z3306bhq0h ...

2.9M viewsMay 20, 2022

Shorts

1:00

55.8K views

Figma Design for Beginners

Figma

1:11

24.2K views

Figma Beginner Guide Tutorial

WPDev

Figma UI Design

1:26:21

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

YouTubefreeCodeCamp.org

3.2M viewsFeb 10, 2021

10:16:51

Figma Tutorial for UI Design - Course for Beginners

YouTubefreeCodeCamp.org

2M viewsJan 5, 2022

24:23

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

YouTubeAJ&Smart

4.7M viewsDec 8, 2020

Top videos

3:14:27

Figma Course - Web Design Tutorial for Beginners

YouTubefreeCodeCamp.org

516.5K viewsSep 1, 2021

41:56

Figma Tutorial for Beginners (2024): Website Design

YouTubeFlux Academy

274.2K viewsFeb 7, 2024

31:38

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

YouTubeRino de Boer

1.4M viewsJan 12, 2023

Figma Prototyping

4:39

Figma Tutorial: Prototyping & Transitions

YouTubeFigma

667K viewsAug 6, 2020

1:03:19

Figma for Edu: Prototyping 101, new basics

YouTubeFigma

166.2K viewsJan 22, 2024

3:58

Figma Tutorial: Prototyping (older version)

YouTubeFigma

1.5M viewsFeb 27, 2018

3:14:27

Find in video from 2:03:11Creating a Second Web Design

Figma Course - Web Design Tutorial for Beginners

516.5K viewsSep 1, 2021

YouTubefreeCodeCamp.org

41:56

Find in video from 0:00Introduction to Figma

Figma Tutorial for Beginners (2024): Website Design

274.2K viewsFeb 7, 2024

YouTubeFlux Academy

31:38

Find in video from 23:24Finalizing the Design

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

1.4M viewsJan 12, 2023

YouTubeRino de Boer

1:10:11

Figma Web Design Tutorial for Beginners (2024): From Zero to Hero

4.5K viewsNov 1, 2024

YouTubeLukas Margerie

13:22

Figma Tutorial for Beginners (13-min crash course!)

665.4K viewsNov 27, 2024

YouTubeFlux Academy

17:46

Figma Tutorial For Beginners 2024 | Web Design of Landing Page

349.4K viewsJul 7, 2023

YouTubeSteven Steward

1:54:38

Figma Tutorial for Beginners - Complete Course 2025

201.6K views10 months ago

YouTubeAverage Design Dude

1:13:17

Find in video from 09:03Designing the App

Figma Tutorial for Beginners

955.7K viewsApr 11, 2024

YouTubeKevin Stratvert

26:13

Figma Website Design Tutorial 2025

65.2K views4 months ago

YouTubeCodex Community

10:16:51

Figma Tutorial for UI Design - Course for Beginners

2M viewsJan 5, 2022

YouTubefreeCodeCamp.org

1:22:49

Find in video from 0:00Introduction to Mobile Website Design

Figma Tutorial: A Crash Course for Beginners

520.7K viewsMar 16, 2023

YouTubeBring Your Own Laptop

1:04:29

Full Website Design Figma Tutorial || FREE Resources || DVxUI

91.6K views11 months ago

YouTubeDVxUI

16:44

Interactive Portfolio Website: Figma UI Design Tutorial for Beginners | …

144.6K viewsFeb 18, 2024

YouTubeDsingr

15:28

Find in video from 01:37Creating a Website Design

Master Figma UI Design in 15 Minutes | This Tutorial Is For You!

1.8M viewsSep 16, 2023

YouTubeWebsite Learners

28:51

Find in video from 0:00Intro of Master Figma Basics in One Video | Figma Tutorial For Beginners

Master Figma Basics in One Video | Figma Tutorial For Beginners

351.4K viewsMar 14, 2024

YouTubeAli Hassan

2:57:40

Find in video from 24:23Class project 01- Create your own brief

Free Figma UX Design UI Essentials Course

2.9M viewsDec 1, 2021

YouTubeBring Your Own Laptop

2:16

Course overview: Figma Design for beginners [1 of 13]

78.9K views4 months ago

YouTubeFigma

35:26

Figma tutorial : Designing a full Website with Scrolling Animation i…

421.1K viewsApr 18, 2024

YouTubeVidscape Code

1:00

Figma Design for Beginners

55.8K views6 months ago

YouTubeFigma

24:23

Find in video from 0:00Introduction to Figma UI Design

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

4.7M viewsDec 8, 2020

YouTubeAJ&Smart

22:41

Create the skills list: Figma Design for beginners [10 of 13]

7.9K views4 months ago

YouTubeFigma

31:19

Responsive Landing Page Design in Figma - Part 2 | Figma Tutorial for …

71.2K viewsMay 9, 2023

YouTubeUIX Design Academy

54:50

Find in video from 15:19Design Prototype and Inspect Panel

Designing an App in Figma - A Step-by-Step Guide for Beginners (2024)

364.6K viewsJul 18, 2022

YouTubeCodeWithChris

13:46

Create Responsive Website Designs | Figma Tutorial

184.6K viewsMay 2, 2023

YouTubeUI Adrian

1:44:11

Figma Crash Course 2025: Responsive Website Design

66.5K views10 months ago

YouTubeFlux Academy

1:12:20

Free Figma Course for Beginners 2025: Step-by-Step Guide | UI/UX …

37.1K viewsDec 5, 2024

YouTubeDesign with Mahsa

15:20

Find in video from 0:00Introduction to Design Systems

Design System 101: free Beginner Figma Tutorial for UIUX Designers

82.5K viewsMay 8, 2023

YouTubeAliena Cai

4:03:52

Find in video from 30:00Finalizing the Website

Full Figma Course: Design a Job Website Start to Finish

262.9K viewsMar 8, 2023

YouTubeDesign Champs

1:23:00

Figma Tutorial for Beginners (Part 1): Homepage Design | Creative A…

2.2K views2 months ago

YouTubeDavid Emulo

See more videos

Short videos

1:00

Figma Design for Beginners

55.8K views6 months ago

YouTubeFigma

1:11

Figma Beginner Guide Tutorial

24.2K views4 months ago

YouTubeWPDev

0:17

Nike Animated Figma Website Design | Figma Tut…

25.7K views3 weeks ago

YouTubeRafid Designs

0:33

how to use figma to design a website.#webui #webprojec…

318 views1 month ago

YouTubeFABFIGMA

1:04

Figma Tutorial Ideas for Web Design Beginners

205K views5 months ago

TikTokalex.webnux

0:25

figma web design project for beginners. #figmatutorial #…

2K views5 months ago

YouTubeFABFIGMA

0:33

Design & Animate a Modern Website for an Energy Drin…

484 views3 months ago

YouTubeUIUX with Rasindu

0:13

Figma Website Design in 30 Seconds | UI/UX Quick Tut…

4 views2 weeks ago

YouTubeAGS DESIGNER

0:17

Interactive Anime Website UI Design in Figma | Beginne…

1.6K views3 months ago

YouTubeDsingr

0:36

BMW Car Website UI Design in Figma | Animation in Fig…

2K views3 months ago

YouTubeUix_Vaishnavi

1:11

How to Use Figma Make to Build Web Apps (Full Walkt…

4.6K views4 months ago

YouTubeThe Cutting Edge School

0:57

Design an Animated Travel Website in Figma | Smart A…

1.3K views2 months ago

YouTubeUIUX with Rasindu

1:05

Figma Spotlight Effect Tutorial | Step-by-Step Guide

1K views2 months ago

YouTubeWeb D School

0:51

Food website UI Design in Figma | Animation in Figm…

3 views1 month ago

YouTubeUix_Vaishnavi

0:28

figma website animation tutorial. #figmatutorial #fig…

269 views5 months ago

YouTubeFABFIGMA

0:23

🔥How to Create Anime Website UI Design in Figm…

1.3K views5 months ago

YouTubeDsingr

0:12

UIUX designing | figma tutorial | figma tutorial for b…

1.6K views2 weeks ago

YouTubeUIUX designer

0:20

Sony Headphone Website UI Design in Figma | Animatio…

1.7K views4 months ago

YouTubeUix_Vaishnavi

0:32

Design and Animate a Modern Website in Figma | …

2 views3 months ago

YouTubeUIUX with Rasindu

0:15

Galaxy Watch Website UI Design in Figma | Animatio…

881 views9 months ago

YouTubeRafid Designs

Design Without Boundaries | Online Graphic Design Course
https://learn.lafilm.edu
SponsoredLearn website design, illustration, layout, interactive design, photo compositing & m…
- Print Design ·
- Web Design ·
- Photography ·
- Motion Graphics
Beginner Level | 100% Online Courses | Offered By Microsoft
https://www.coursera.org › microsoft › ux-design
SponsoredLearn the skills and tools like Figma, Powerpoint, and more to start a career in UX d…
14d Money-Back Guarantee · 100% Online · Get Ready for a Career · Stand Out To Employers
"Great Website, very useful content." - from consumer review
Interface design to Webflow | Design to publish, now faster
https://webflow.com › plugin › figma
SponsoredTurn static designs into clean, production ready code with the Webflow plugin. The …
Free design tool · 24/7 Support · Custom Domains & Hosting · Free Sign Up
- Plans & Pricing ·
- Sign Up for Free ·
- Download now ·
- Free Website Templates

Top suggestions for Figma Web Design Tutorial for Beginners

Short videos

Design Without Boundaries | Online Graphic Design Course

Beginner Level | 100% Online Courses | Offered By Microsoft

Interface design to Webflow | Design to publish, now faster