UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototype + Design in Figma
freecodecamp.org
UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototype + Design in Figma
This article will cover how to build a full website design from scratch following the process of user experience and user interface. This will be done in three stages: WireframeSketching the layout PrototypePreparing the user interface from the wire...
Feb 10, 2021
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
1.6M viewsMay 30, 2020
Figma Tutorial: Guides
2:18
Figma Tutorial: Guides
YouTubeFigma
193.8K viewsMar 20, 2018
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
597.2K viewsDec 3, 2018
Top videos
ÉLITE MAISON | Luxury Real Estate Website Design – Figma UI/UX Showcase
1:30
ÉLITE MAISON | Luxury Real Estate Website Design – Figma UI/UX Showcase
YouTubeInder Jeet
1 views2 weeks ago
_design_doodle on Instagram: "Cadillac Celestiq landing page designed in Figma 🚘✨ Exploring luxury EV vibes with clean UI, bold visuals, and modern layout. Which section do you like most — hero or specs? 👇 {figma ui design, cadillac celestiq, car website ui, landing page design, figma web design, luxury car ui, ev website design, ui ux design, automotive ui, product landing page, modern web ui, figma project, ui inspiration, web ui design, electric vehicle ui, car landing page, creative ui, fi
0:12
_design_doodle on Instagram: "Cadillac Celestiq landing page designed in Figma 🚘✨ Exploring luxury EV vibes with clean UI, bold visuals, and modern layout. Which section do you like most — hero or specs? 👇 {figma ui design, cadillac celestiq, car website ui, landing page design, figma web design, luxury car ui, ev website design, ui ux design, automotive ui, product landing page, modern web ui, figma project, ui inspiration, web ui design, electric vehicle ui, car landing page, creative ui, fi
Instagram_design_doodle308
132 views3 weeks ago
SkyAnimation Gujarat on Instagram: "✨ Student Spotlight – Creative UI/UX Work! ✨ Proud to showcase an amazing UI/UX design created in Figma by our talented student Urvi Bhut. 🎨💻 This project highlights creativity, smart layout structure, and real industry-level design thinking. Great job, Urvi! Keep designing, keep shining. 🌟 🏛Join Sky Animation Institute — where imagination meets innovation! 📍Ahmedabad Address: ➡️19 FF. JBR Arcade Science City Road Sola, Ahmedabad Gujarat-380060 Phone: ☎️9
0:30
SkyAnimation Gujarat on Instagram: "✨ Student Spotlight – Creative UI/UX Work! ✨ Proud to showcase an amazing UI/UX design created in Figma by our talented student Urvi Bhut. 🎨💻 This project highlights creativity, smart layout structure, and real industry-level design thinking. Great job, Urvi! Keep designing, keep shining. 🌟 🏛Join Sky Animation Institute — where imagination meets innovation! 📍Ahmedabad Address: ➡️19 FF. JBR Arcade Science City Road Sola, Ahmedabad Gujarat-380060 Phone: ☎️9
Instagramsky.animation.institute
370 views2 weeks ago
Figma Design Tips
The UX writer’s guide to Figma
The UX writer’s guide to Figma
figma.com
Jul 28, 2022
Figma in 5: Vectors I
7:43
Figma in 5: Vectors I
YouTubeFigma
142.6K viewsNov 17, 2020
14 Advanced Tips to Design FASTER in Figma
17:48
14 Advanced Tips to Design FASTER in Figma
YouTubeMizko
153.5K viewsApr 18, 2021
ÉLITE MAISON | Luxury Real Estate Website Design – Figma UI/UX Showcase
1:30
ÉLITE MAISON | Luxury Real Estate Website Design – Figma UI/UX Sh…
1 views2 weeks ago
YouTubeInder Jeet
_design_doodle on Instagram: "Cadillac Celestiq landing page designed in Figma 🚘✨ Exploring luxury EV vibes with clean UI, bold visuals, and modern layout. Which section do you like most — hero or specs? 👇 {figma ui design, cadillac celestiq, car website ui, landing page design, figma web design, luxury car ui, ev website design, ui ux design, automotive ui, product landing page, modern web ui, figma project, ui inspiration, web ui design, electric vehicle ui, car landing page, creative ui, fi
0:12
_design_doodle on Instagram: "Cadillac Celestiq landing page de…
132 views3 weeks ago
Instagram_design_doodle308
SkyAnimation Gujarat on Instagram: "✨ Student Spotlight – Creative UI/UX Work! ✨ Proud to showcase an amazing UI/UX design created in Figma by our talented student Urvi Bhut. 🎨💻 This project highlights creativity, smart layout structure, and real industry-level design thinking. Great job, Urvi! Keep designing, keep shining. 🌟 🏛Join Sky Animation Institute — where imagination meets innovation! 📍Ahmedabad Address: ➡️19 FF. JBR Arcade Science City Road Sola, Ahmedabad Gujarat-380060 Phone: ☎️9
0:30
SkyAnimation Gujarat on Instagram: "✨ Student Spotlight – Creative UI…
370 views2 weeks ago
Instagramsky.animation.institute
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
1.6M viewsMay 30, 2020
YouTubeHyginus Ukeh - Building Amazing Things
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIG…
132.2K viewsNov 6, 2020
YouTubeHyginus Ukeh - Building Amazing Things
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.7M viewsDec 8, 2020
YouTubeAJ&Smart
Food App Design in Figma | Figma Tutorial | UX/UI
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
582.1K viewsAug 22, 2021
YouTubeUX World
20:37
E-commerce App Design in figma - Wireframe/UI/UX Design Tutorial
42.3K viewsAug 27, 2021
YouTubeIdeate Design
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
10:16:42
Figma Tutorial For UI Design
134.3K viewsDec 19, 2021
YouTubeDev And Design
38:57
Figma UI Design (Part 6): Works & Projects Page
243 views3 months ago
YouTubeDavid Emulo
49:25
Neon UI Design from scratch in Figma
144.5K viewsFeb 18, 2022
YouTubeDesignCode
10:51
UI Web Design Tutorial | Personal Portfolio | Figma Design
75.7K viewsMar 21, 2022
YouTubeSajon
31:16
PART #1 Membuat Website Company Profile Perusahaan Prop…
190.6K viewsNov 16, 2021
YouTubeCreative Academy Indonesia
9:08
Create STUNNING Interactive Presentations!! | Figma Tutorial
83K viewsMar 8, 2022
YouTubeMizko
14:26
Figma Dev Mode 🤯
102K viewsFeb 14, 2024
YouTubeDesign Champs
35:37
How to Design a SICK Dashboard UI in Figma
309.4K viewsApr 29, 2022
YouTubeDesignCourse
39:17
Create WhatsApp App UI/UX Design || Fully Prototyped || Part 1
10.3K viewsAug 5, 2024
YouTubePixelPrfs
0:19
Roblox demo - Responsive UI design
203K viewsDec 5, 2021
YouTubeBritton
43:42
Cab Booking App UI Design in Figma - Full course
45.1K viewsOct 5, 2022
YouTubeDesignCode
8:41
Figma UX tutorial for beginners - Wireframe
776.8K viewsJul 4, 2022
YouTubeAliena Cai
3:40:11
Figma UI UX Design Tutorial - Design A Fintech App From Scratch
126.5K viewsJan 12, 2022
YouTubeDev And Design
8:23
Creative Loading animation | Figma Interactive Components
76.6K viewsJul 27, 2023
YouTubeDSCODE
7:59
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
495.6K viewsJul 1, 2023
YouTubeuxpeak
3:00:00
Figma UI Design tutorial for beginners 2025
113.3K views9 months ago
YouTubeHBA Services
27:25
Mobile App Design in Figma (UX/UI Design, Prototype, Export)
162.3K viewsSep 23, 2023
YouTubeDSCODE
2:57:40
Free Figma UX Design UI Essentials Course
2.9M viewsDec 1, 2021
YouTubeBring Your Own Laptop
37:49
Weather App UI Design in Figma - Full course
531.6K viewsApr 28, 2022
YouTubeDesignCode
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