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
596.7K viewsDec 3, 2018
Top videos
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG AT THE END )
2:20
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG AT THE END )
YouTubeSameer.barathe
1 views5 months ago
_design_doodle on Instagram: "Anime meets UI 🔥⚔️ Designed this Rengoku-inspired webpage in Figma — bold colors, clean layout, pure anime energy. Would you scroll this site? 👀 {figma ui design, anime ui, web design figma, anime webpage, demon slayer ui, rengoku design, ui ux design, figma web design, anime inspired ui, landing page design, creative ui, ui inspiration, figma project, anime website, ui design shorts, modern web ui, graphic design, anime aesthetics, ux ui designer, figma community
0:09
_design_doodle on Instagram: "Anime meets UI 🔥⚔️ Designed this Rengoku-inspired webpage in Figma — bold colors, clean layout, pure anime energy. Would you scroll this site? 👀 {figma ui design, anime ui, web design figma, anime webpage, demon slayer ui, rengoku design, ui ux design, figma web design, anime inspired ui, landing page design, creative ui, ui inspiration, figma project, anime website, ui design shorts, modern web ui, graphic design, anime aesthetics, ux ui designer, figma community
Instagram_design_doodle308
125 views2 weeks ago
Sammunat LLC on Instagram: "🚀 The only tools you need as a UI/UX Designer No overload. No confusion. Just tools that actually matter 👇 🎨 Figma – UI design, prototyping & real-time collaboration 🧠 Notion – Plan UX projects, manage tasks & design docs 📱 Mobbin – Real-world UI patterns from top apps 🔥 Dribbble – Showcase your UI/UX portfolio & get discovered 🌐 Webflow – Build responsive websites without coding ✨ Blush – Add custom illustrations to your designs 🧩 Feather Icons – Clean, minim
0:13
Sammunat LLC on Instagram: "🚀 The only tools you need as a UI/UX Designer No overload. No confusion. Just tools that actually matter 👇 🎨 Figma – UI design, prototyping & real-time collaboration 🧠 Notion – Plan UX projects, manage tasks & design docs 📱 Mobbin – Real-world UI patterns from top apps 🔥 Dribbble – Showcase your UI/UX portfolio & get discovered 🌐 Webflow – Build responsive websites without coding ✨ Blush – Add custom illustrations to your designs 🧩 Feather Icons – Clean, minim
Instagramsammunat_llc
386 views2 months ago
Figma Design Tips
Figma for Print and Graphic Design (Commons 2022)
Figma for Print and Graphic Design (Commons 2022)
YouTubeFigma
26.6K viewsAug 23, 2022
The Most INSANE Design Systems On Figma (Templates Included!)
The Most INSANE Design Systems On Figma (Templates Included!)
YouTubeArnau Ros
90.3K viewsAug 30, 2021
Figma in 5: Vectors I
7:43
Figma in 5: Vectors I
YouTubeFigma
142.6K viewsNov 17, 2020
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG AT THE END )
2:20
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG …
1 views5 months ago
YouTubeSameer.barathe
_design_doodle on Instagram: "Anime meets UI 🔥⚔️ Designed this Rengoku-inspired webpage in Figma — bold colors, clean layout, pure anime energy. Would you scroll this site? 👀 {figma ui design, anime ui, web design figma, anime webpage, demon slayer ui, rengoku design, ui ux design, figma web design, anime inspired ui, landing page design, creative ui, ui inspiration, figma project, anime website, ui design shorts, modern web ui, graphic design, anime aesthetics, ux ui designer, figma community
0:09
_design_doodle on Instagram: "Anime meets UI 🔥⚔️ Designed thi…
125 views2 weeks ago
Instagram_design_doodle308
Sammunat LLC on Instagram: "🚀 The only tools you need as a UI/UX Designer No overload. No confusion. Just tools that actually matter 👇 🎨 Figma – UI design, prototyping & real-time collaboration 🧠 Notion – Plan UX projects, manage tasks & design docs 📱 Mobbin – Real-world UI patterns from top apps 🔥 Dribbble – Showcase your UI/UX portfolio & get discovered 🌐 Webflow – Build responsive websites without coding ✨ Blush – Add custom illustrations to your designs 🧩 Feather Icons – Clean, minim
0:13
Sammunat LLC on Instagram: "🚀 The only tools you need as a UI/UX De…
386 views2 months ago
Instagramsammunat_llc
Ashu kumar | Custom Hand drawn shapes in minutes 🌟. Use this plugin If you wanna custom hand drawn shapes. #uiux #uidesign #figma #excalidraw... | Instagram
Ashu kumar | Custom Hand drawn shapes in minutes 🌟. Use this plugi…
337K viewsAug 22, 2024
Instagramdezign.wiser
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+
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIG…
132.2K viewsNov 6, 2020
YouTubeHyginus Ukeh - Building Amazing Things
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
581.1K viewsAug 22, 2021
YouTubeUX World
20:37
E-commerce App Design in figma - Wireframe/UI/UX Design Tutorial
40.7K viewsAug 27, 2021
YouTubeIdeate Design
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
0:22
Ashu kumar | Watch Some results in end.🔥 Only website that you need t…
331.9K viewsSep 4, 2024
Instagramdezign.wiser
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
1:15:19
How to Design Mobile App in Figma
1.3K views5 months ago
YouTubeLamiart
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
8:41
Figma UX tutorial for beginners - Wireframe
773.7K viewsJul 4, 2022
YouTubeAliena Cai
16:16
Landing Page Ui Design in Figma - 3D Carousel Slider
108.8K viewsJul 23, 2023
YouTubeDSCODE
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
162.2K viewsApr 15, 2022
YouTubeDesignCode
27:25
Mobile App Design in Figma (UX/UI Design, Prototype, Export)
162.3K viewsSep 23, 2023
YouTubeDSCODE
See more videos
Static thumbnail place holder