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
Figma in 5: Auto Layout
6:50
Figma in 5: Auto Layout
YouTubeFigma
851.5K viewsDec 8, 2020
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
YouTubeHyginus Ukeh - Building
132.2K viewsNov 6, 2020
Figma tutorial: Auto layout button
3:51
Figma tutorial: Auto layout button
YouTubeFigma
797.1K viewsJan 21, 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
10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2025) | Designlab
10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2025) …
Dec 15, 2021
designlab.com
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
1.6M viewsMay 30, 2020
YouTubeHyginus Ukeh - Building Amazing Things
Introduction To Figma | FREE COURSE
1:50:06
Introduction To Figma | FREE COURSE
553.7K viewsSep 16, 2020
YouTubeEnvato Tuts+
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
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
582.1K viewsAug 22, 2021
YouTubeUX World
13:16
How to design your UI/UX case study | Portfolio tips + detailed wal…
248.2K viewsJun 29, 2021
YouTubeRachel How
36:35
Figma Tutorial - A Free UI Design/Prototyping Tool. It's awes…
1.6M viewsApr 30, 2018
YouTubeDesignCourse
0:20
Ashu kumar on Instagram: "Add glow to make Ui design more visu…
147.3K viewsAug 18, 2024
Instagramdezign.wiser
10:16:42
Figma Tutorial For UI Design
134.3K viewsDec 19, 2021
YouTubeDev And Design
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
307.7K 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.2K viewsJul 4, 2022
YouTubeAliena Cai
34:41
UI Design a Portfolio site in Figma - full course
90.7K viewsApr 1, 2022
YouTubeDesignCode
16:16
Landing Page Ui Design in Figma - 3D Carousel Slider
97.9K viewsJul 23, 2023
YouTubeDS CODE
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
42:42
Flat UI Design in Figma: Social Media App - full course
165.6K viewsApr 15, 2022
YouTubeDesignCode
See more videos
Static thumbnail place holder