How to Use Figma to Design Websites
freecodecamp.org
How to Use Figma to Design Websites
Figma is a vector graphics editor and prototyping tool that is great for designing websites. We just released a Figma course on the freeCodeCmap.org YouTube channel that will teach you how to use the tool to design websites. Joy Shaheb developed the ...
Sep 1, 2021
Shorts
SUPER-FAST Way to Turn Figma Designs into Websites
0:58
1.9K views
SUPER-FAST Way to Turn Figma Designs into Websites
Creative Crew with Brad
Mastering Sitemap Creation in Figma | Web Design Tutorial for Effective Information Architecture
0:43
4.6K views
Mastering Sitemap Creation in Figma | Web Design Tutorial for Effective
Learn Code
Figma Basics
Getting Started with Figma: Download, Install, and Account Setup | Class 04 | Urdu / Hindi
Getting Started with Figma: Download, Install, and Account Setup | Class 04 | Urdu / Hindi
YouTubeTutorials Town
29.5K viewsMar 8, 2023
How to Add White Outline (Border) to Image in Figma | Figma 2022 Tutorial
1:30
How to Add White Outline (Border) to Image in Figma | Figma 2022 Tutorial
YouTubeDigital Hole
21.1K viewsAug 19, 2022
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
1.6M viewsMay 30, 2020
Top videos
Responsive Website/Web Design and Prototype with Figma
34:36
Responsive Website/Web Design and Prototype with Figma
YouTubeHyginus Ukeh - Building
77.3K viewsOct 9, 2020
Responsive Web Design with Figma: Full Walkthrough Tutorial
26:24
Responsive Web Design with Figma: Full Walkthrough Tutorial
YouTubePierluigi Giglio
71.9K viewsMar 28, 2021
Make Your Web Design Responsive in 10 Minutes | Figma Tutorial
11:25
Make Your Web Design Responsive in 10 Minutes | Figma Tutorial
YouTubeDesignWithArash
979.7K viewsOct 25, 2022
Figma UI Design
UI Design with Figma - Tutorial
UI Design with Figma - Tutorial
freecodecamp.org
Jan 5, 2022
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts+
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts+
tutsplus.com
Feb 1, 2024
Food App Design in Figma | Delivery Mobile App UI/UX Design | Figma Tutorial
14:45
Food App Design in Figma | Delivery Mobile App UI/UX Design | Figma Tutorial
YouTubeUIX Design Academy
110.6K viewsSep 16, 2022
Responsive Website/Web Design and Prototype with Figma
34:36
Responsive Website/Web Design and Prototype with Figma
77.3K viewsOct 9, 2020
YouTubeHyginus Ukeh - Building Amazing Things
Responsive Web Design with Figma: Full Walkthrough Tutorial
26:24
Responsive Web Design with Figma: Full Walkthrough Tutorial
71.9K viewsMar 28, 2021
YouTubePierluigi Giglio
Make Your Web Design Responsive in 10 Minutes | Figma Tutorial
11:25
Make Your Web Design Responsive in 10 Minutes | Figma Tutorial
979.7K viewsOct 25, 2022
YouTubeDesignWithArash
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
Create a Full Website with Prototyping in Figma | UI UX Design
1:15:23
Create a Full Website with Prototyping in Figma | UI UX Design
17.7K viewsAug 5, 2024
YouTubeGDMentor
Figma Tutorial : Website prototyping using smart animate | #figmatutorial
7:48
Figma Tutorial : Website prototyping using smart animate | #figmatutorial
117.1K viewsJun 29, 2022
YouTubemikaso
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
31:38
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
1.4M viewsJan 12, 2023
YouTubeRino de Boer
1:06:55
Figma Web Design UI Tutorial for Beginners: How to design an agen…
24K viewsMay 21, 2022
YouTubeThefemijohn
49:16
Full Website Design Tutorial in Figma - Web Design UI/UX
12K viewsApr 8, 2023
YouTubeFunch Design
19:32
Landing Page Design Tutorial | Web Design in Figma
397.1K viewsSep 6, 2021
YouTubeStephenson 2-18
14:18
Responsive Web Design in 12mins | Figma Tutorial
16.8K viewsJul 11, 2024
YouTubeThefemijohn
14:53
⚡Make a Professional Website UI Design in Figma
188.5K viewsMay 13, 2023
YouTubeNikhil Pawar
29:28
Figma UI Design Tutorial - How To Redesign Any Website (A Beginne…
125.2K viewsMar 24, 2023
YouTubeAJ&Smart
55:15
Master Figma In 40 Minutes: Step-by-step Tutorial With Real Websit…
17.3K viewsSep 20, 2024
YouTubePelfizz Studio
3:14:27
Figma Course - Web Design Tutorial for Beginners
529K viewsSep 1, 2021
YouTubefreeCodeCamp.org
1:00:39
Free Figma Tutorial: Designing Wireframes with Figma
829.4K viewsJun 27, 2020
YouTubeButter Academy
35:04
Figma Web Design and Smart Animation
445.9K viewsSep 23, 2020
YouTubeHyginus Ukeh - Building Amazing Things
16:44
Interactive Portfolio Website: Figma UI Design Tutorial for Beginners | …
145.4K viewsFeb 18, 2024
YouTubeDsingr
1:10:11
Figma Web Design Tutorial for Beginners (2024): From Zero to Hero
4.6K viewsNov 1, 2024
YouTubeLukas Margerie
11:05
Figma Web Design Tutorial | Figma UI Design
37.2K viewsJun 29, 2020
YouTubeAngela Design
6:37
Figma to Website in MINUTES with this INSANE tool…
273K viewsSep 29, 2022
YouTubeTim Gabe
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
3.2M viewsFeb 10, 2021
YouTubefreeCodeCamp.org
15:28
Master Figma UI Design in 15 Minutes | This Tutorial Is For You!
1.9M viewsSep 16, 2023
YouTubeWebsite Learners
7:38:43
Create a Design System with Figma - Full Course
788.6K viewsJun 28, 2021
YouTubefreeCodeCamp.org
58:24
Learn how to Design a Web in Figma
107.2K viewsMay 22, 2020
YouTubeHyginus Ukeh - Building Amazing Things
18:40
Figma Basics Tutorial for Beginners (Free Design Tool!)
96.9K viewsMar 10, 2020
YouTubeCodeWithChris
17:46
Figma Tutorial For Beginners 2024 | Web Design of Landing Page
357.2K viewsJul 7, 2023
YouTubeSteven Steward
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.7M viewsDec 8, 2020
YouTubeAJ&Smart
56:30
UX/UI Design Tutorial in Figma - Design Modern Website from Scra…
201.9K viewsMar 23, 2024
YouTubeuxpeak
See more videos
Static thumbnail place holder

Short videos

0:58
SUPER-FAST Way to Turn Figma Designs into Websites
1.9K viewsJun 28, 2024
YouTubeCreative Crew with Brad Hussey
0:43
Mastering Sitemap Creation in Figma | Web Design Tuto…
4.6K viewsJul 23, 2023
YouTubeLearn Code
0:55
Ready to design an agency landing page that wows cli…
2K viewsNov 15, 2024
FacebookDesign Monks
0:21
Figma Hero Section Animation Tutorial | Moder…
2.2K views3 months ago
YouTubeAFRID AHAMED
0:14
Portfolio Website Design in Figma | Figma Tutorial
1.3M views6 months ago
YouTubeRafid Designs
0:19
E-learning Website UI Design in Figma | Figma Tutorial | …
391.9K viewsJan 22, 2025
YouTubeRafid Designs
0:57
Design an Animated Travel Website in Figma | Smart A…
1.2K views4 months ago
YouTubeUIUX with Rasindu
0:48
6 Free Figma Resources for UI/UX Designers
43.1K viewsMar 31, 2021
YouTubeDesignerUp
0:30
UXmastermind | UI/UX | Figma на TikTok
370.6K viewsJan 22, 2024
TikTokuxmastermind
1:00
Turning Figma Designs into Wix Websites in No Time
987 viewsJul 9, 2024
YouTubeCreative Crew with Brad Hussey
Top 10 Figma Plugins Every Designer Needs
3.6K views7 months ago
TikTokmatcreate
0:51
Vertical Scroll in Figma - Quick Prototyping
425 viewsFeb 2, 2024
YouTubeLearnCode With Rk
Cómo animar productos en sitios web usando Figma
505 views7 months ago
TikTokauradesigner1
0:25
Figma tutorial: How to create a vector and how to use su…
331 viewsSep 25, 2023
YouTubeNDesign
0:17
Animated Figma Website Design | Animation in Figm…
22.2K views1 month ago
YouTubeRafid Designs
0:45
Como criar um site no Figma? Curso de Figma Pr…
1.5K viewsAug 14, 2022
YouTubeChief of Design
1:00
Search bar prototype in Figma
308.7K viewsJul 26, 2022
YouTubeFigma
0:36
BMW Car Website UI Design in Figma | Animation in Fig…
2.4K views5 months ago
YouTubeUix_Vaishnavi
0:12
I Tested Figma and Sketch for Website UI Design Here'…
16.3K views2 months ago
YouTubeCode with Me
1:00
Figma Design for Beginners
57.6K views8 months ago
YouTubeFigma
Static thumbnail place holder