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 views4 months ago
How I Build a Production-Ready Design System with AI | Figma Make
9:38
How I Build a Production-Ready Design System with AI | Figma Make
YouTubeAI Builder Space
33.9K views3 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 views1 month 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
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG AT THE END )
2:20
Figma Vehicle Website UI Design | XPULSE200 Bike ( EASTER EGG …
1 views4 months ago
YouTubeSameer.barathe
How I Build a Production-Ready Design System with AI | Figma Make
9:38
How I Build a Production-Ready Design System with AI | Figma Make
33.9K views3 weeks ago
YouTubeAI Builder Space
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 views1 month ago
Instagramsammunat_llc
Ashu kumar on Instagram: "Custom Hand drawn shapes in minutes 🌟. Use this plugin If you wanna custom hand drawn shapes. #uiux #uidesign #figma #excalidraw #tutorial #digitalart #creative #uidesigner #figmadesign #Animation. UIDesign, uitrick, Figma, Excalidraw , plugin Design Inspiration, Digitalart, Userinterface Design Process, Creative Design Visual Design, Figma Tips Interactive Design, Design Showcase, Design Tools UX/UI, Figma Community"
Ashu kumar on Instagram: "Custom Hand drawn shapes in minutes 🌟. U…
337K viewsAug 22, 2024
Instagramdezign.wiser
React + Material UI #2: Actually coding a UX design
React + Material UI #2: Actually coding a UX design
170.7K viewsMar 14, 2020
YouTubeAnthony Sistilli
A K on Instagram: "[Creative Landing page with Physics Animation in FIGMA]⚡️ Hope you all are doing great. This is me sharing another Figma Tutorial for landing page animation. In this tutorial we will see how can we create a awesome effect with Physics animation plugin for presentation or showcase superfast😉 PS: Figma is not only for some fancy animation, instead designing a complex design system or UI design that’s why I always took inspiration from some practical or real-live website example
A K on Instagram: "[Creative Landing page with Physics Anima…
111.9K viewsJul 24, 2024
Instagrambasit.designs
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
1.6M viewsMay 30, 2020
YouTubeHyginus Ukeh - Building Amazing Things
1:50:06
Introduction To Figma | FREE COURSE
553K 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
580.2K viewsAug 22, 2021
YouTubeUX World
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 on Instagram: "Watch Some results in end.🔥 Only websit…
331.9K viewsSep 4, 2024
Instagramdezign.wiser
38:57
Figma UI Design (Part 6): Works & Projects Page
11 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
83.4K viewsMar 8, 2022
YouTubeMizko
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
773.7K viewsJul 4, 2022
YouTubeAliena Cai
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
512.8K viewsJul 1, 2023
YouTubeuxpeak
3:00:00
Figma UI Design tutorial for beginners 2025
112.3K views9 months ago
YouTubeHBA Services
See more videos
Static thumbnail place holder