Using Figma to Design a Website

Figma tutorial for Beginners: Complete Website from Start to Finish

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

3.1M viewsMay 20, 2022

Shorts

0:20

2K views

Figma web design tutorial

UIX Design Academy

Creating a beautiful responsive website directly in Figma Sites!

1:34

334 views

Creating a beautiful responsive website directly in Figma Sites!

UX meets AI

Figma Tips and Tricks

17:18

Figma Make Tutorial & Best Practice Guide | Figma AI 2026

YouTubeTD Sunshine

22.1K views1 month ago

0:22

Manipulation Design in Figma: Graphic Design Techniques

TikTokkisondesign0

2.5K views3 weeks ago

11:32

Figma Weave - Build your first AI workflow

YouTubeTD Sunshine

8.9K views1 month ago

Jump to key moments of Using Figma to Design a Website

How To Use Figma For Web Design (Real Project)

12:00

From 01:23Using Figma for Design

How To Use Figma For Web Design (Real Project)

YouTubeArek Dvornechuck

Figma Web Design Tutorial | Figma UI Design

11:05

From 04:18Page Content and Card Design

Figma Web Design Tutorial | Figma UI Design

YouTubeAngela Design

Designing a Website Homepage Using Figma (Under 20 Minutes)

19:34

From 04:15Designing the Header Section with Logo, Headline, Subheadline, and Button

Designing a Website Homepage Using Figma (Under 20 Minutes)

YouTubeCosmin Serban

Responsive Website/Web Design and Prototype with Figma

34:36

From 02:19Using Colors.io for Design

Responsive Website/Web Design and Prototype with Figma

YouTubeHyginus Ukeh - Building Amazing Things

How to Design a Modern Website in Figma - 1/4

23:58

From 01:24Why Use Figma?

How to Design a Modern Website in Figma - 1/4

YouTube404roy

Creative website design in Figma for beginners

1:03:30

From 11:00Designing the Services Section

Creative website design in Figma for beginners

YouTubeSA7MAN

Figma Web Design UI Tutorial for Beginners: How to design an agency website with Figma

1:06:55

From 18:24Designing Mock

Figma Web Design UI Tutorial for Beginners: How to design an agency website with Figma

YouTubeThefemijohn

43:21

From 06:00Designing the Background

Figma tutorial for Beginners: Complete Website from Start to Finish

YouTubeFlux Academy

26:13

Figma Website Design Tutorial 2026

184.2K views8 months ago

YouTubeCodex Community

1:44:11

Figma Crash Course 2025: Responsive Website Design

78.3K viewsFeb 27, 2025

YouTubeFlux Academy

41:56

Figma Tutorial for Beginners (2024): Website Design

293.8K viewsFeb 7, 2024

YouTubeFlux Academy

1:20:34

Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn

7.1K views3 months ago

YouTubeSimplilearn

10:17

How to Create a Website in Figma from Scratch!

2.6K views2 months ago

YouTubeEasy AI Coding

10:25

Fully responsive website design in figma ( From beginner to advanced )

17.4K viewsJan 22, 2025

YouTubeAgatha Richards

0:20

Figma web design tutorial

2K views1 month ago

YouTubeUIX Design Academy

15:58

Figma UI Design: Create a Pro Website (with FREE Resources)

60.6K viewsJan 15, 2025

YouTubeNikhil Pawar

27:17

Figma Full Tutorial for Beginners 2026: How to Use Figma

16.4K views1 month ago

YouTubeMikey Website

11:02

Intro to Figma Sites

73K views6 months ago

YouTubeFigma

4:36:08

Complete Website UI/UX Design in Figma From Scratch | Full Web Design Process Tutorial

35.7K views9 months ago

YouTubeGDMentor

10:14

How I Design Animated Websites Using Figma + AI

43.1K views3 months ago

YouTubeKyle Skelly

1:04:29

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

117.2K viewsJan 24, 2025

YouTubeDVxUI

1:12:48

Learn Web Design in 2026: Beginners Guide to Figma

18.2K views3 months ago

YouTubeFlux Academy

22:06

Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn

5.2K views3 months ago

YouTubeSimplilearn

24:55

Design Animated Website Using Figma

2K views2 months ago

YouTubeRafid Designs

1:09:24

How To Use Figma To Design a Website

897 viewsFeb 15, 2025

YouTubeCode Crushers

51:19

Figma Web Design Tutorial 2025

5.2K views9 months ago

YouTubeHyginus Ukeh - Building Amazing Things

31:32

Design This Animated Website Using Figma

4.3K views4 months ago

YouTubeRafid Designs

10:57

Design This Animated Website Using Figma and AI

492 views2 weeks ago

YouTubeRafid Designs

55:15

Master Figma In 40 Minutes: Step-by-step Tutorial With Real Website Demo

17.8K viewsSep 20, 2024

YouTubePelfizz Studio

2:16

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

222.6K views9 months ago

YouTubeFigma

14:39

How to Turn Figma Designs into Live Websites in 10 Minutes!

166.7K views9 months ago

YouTubeWebsite Learners

3:14:27

Figma Course - Web Design Tutorial for Beginners

530.2K viewsSep 1, 2021

YouTubefreeCodeCamp.org

11:47

I Made This Crazy Website Using Only Figma and AI!

212.5K views10 months ago

YouTubeKyle Skelly

13:46

Create Responsive Website Designs | Figma Tutorial

194.4K viewsMay 2, 2023

YouTubeUI Adrian

24:49

Beginner Figma Tutorial: Create a Design Portfolio Website

121.7K viewsJul 9, 2024

YouTubeBring Your Own Laptop

1:15:23

Create a Full Website with Prototyping in Figma | UI UX Design

19.7K viewsAug 5, 2024

YouTubeGDMentor

21:04

Design Animated Website Using Figma

4.1K views3 months ago

YouTubeRafid Designs

Squarespace Website Builder | Industry-Leading Design
https://www.squarespace.com
SponsoredBuild a beautiful website, run your business & grow your online presence—all in one place…
Website Extensions · Custom Domains · Email Marketing · SEO Tools
Service catalog: Auto Layouts, Scrolling Blocks, Image Resizer, Section Dividers
Design & Build Faster with AI | Get Started for Free
https://www.figma.com
SponsoredStart with a design and prompt your way to a functional prototype, fast - with Figma Make. …
Types: Prototyping, UX Design, Web Design, Wireframing

Jump to key moments of Using Figma to Design a Website

Squarespace Website Builder | Industry-Leading Design

Design & Build Faster with AI | Get Started for Free