UI Design with Figma - Tutorial
freecodecamp.org
UI Design with Figma - Tutorial
Figma is a vector graphics editor and prototyping tool that is often used for UI design. We just published a 10-hour Figma course that will teach you how to use the tool for UI design. Joseph Brendan developed this course. Joseph is a great instruct...
Jan 5, 2022
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
1.6M viewsMay 30, 2020
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
603.4K viewsDec 3, 2018
Introduction To Figma | FREE COURSE
1:50:06
Introduction To Figma | FREE COURSE
YouTubeEnvato Tuts+
554.6K viewsSep 16, 2020
Top videos
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
tutsplus.com
Nov 24, 2021
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
0:47
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
FacebookUXUI Collective
28.7K views7 months ago
14 Advanced Tips to Design FASTER in Figma
17:48
14 Advanced Tips to Design FASTER in Figma
YouTubeMizko
153.8K viewsApr 18, 2021
Figma UI Design
Learn UI Design with Figma from Scratch
Learn UI Design with Figma from Scratch
awwwards.com
Apr 15, 2025
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
Nov 12, 2018
What's Figma? [2019]
1:35
What's Figma? [2019]
YouTubeFigma
1.9M viewsOct 15, 2019
6 Figma Animation Plugins Every Designer Should Know | Envato Tuts
6 Figma Animation Plugins Every Designer Should Know | Envato T…
Nov 24, 2021
tutsplus.com
🎬 Animation Tutorial in Figma — For Web Design Products Static designs are fine. But motion? That’s what makes a product feel alive. ⚡✨ With Figma’s Smart Animate Prototyping tools, you can: ✅ Create smooth transitions between pages ✅ Animate buttons, overlays & UI elements ✅ Show real interaction flow for clients & devs ✅ Bring your web design to life — no code needed Whether you're working on landing pages, SaaS platforms, or e-commerce — motion sells the experience. 📌 Learn how to make your
0:47
🎬 Animation Tutorial in Figma — For Web Design Products Static desig…
28.7K views7 months ago
FacebookUXUI Collective
14 Advanced Tips to Design FASTER in Figma
17:48
14 Advanced Tips to Design FASTER in Figma
153.8K viewsApr 18, 2021
YouTubeMizko
Figma Tutorial - Prototyping in Figma
17:32
Figma Tutorial - Prototyping in Figma
213.9K viewsOct 28, 2020
YouTubeButter Academy
Figma Tutorial: Prototyping & Transitions
4:39
Figma Tutorial: Prototyping & Transitions
681.4K viewsAug 6, 2020
YouTubeFigma
How to use Figmotion Figma Plugin
11:07
How to use Figmotion Figma Plugin
74.5K viewsSep 1, 2019
YouTubeTutorial Tim
How to Use Lorem Ipsum Figma Plugin
3:44
How to Use Lorem Ipsum Figma Plugin
18.6K viewsSep 4, 2019
YouTubeTutorial Tim
1:03
Responsive prototypes using smart animate
31K viewsMay 13, 2021
YouTubeFigma
16:54
Creating a Simple Image Slider using Figma
60.3K viewsMay 5, 2020
YouTubeErik Briones
6:26
Confetti Figma Animation using Lottie & Smart Animate — 📎 With Pr…
41.1K viewsDec 24, 2020
YouTubeUdayraj Sathe
2:50
Your first Figma to HTML and CSS Export
303.8K viewsOct 26, 2020
YouTubeExportKit
8:02
How to Create & Export GIF in Figma | Using Motion Plugin
269.1K viewsOct 31, 2020
YouTubeDesign Xstream
10:48
Figma Tutorial: Export animated banners from Figma to GIFs
14.4K viewsAug 16, 2020
YouTubeHypermatic Figma Tutorials
18:30
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 1…
84.2K viewsMar 4, 2021
YouTubeMizko
9:38
Creating a smooth fade in animation inside Figma | UI Animation Serie…
36.8K viewsMay 14, 2021
YouTubeDesign with Aashish
5:41
Responsive Banner || Hero- image design || using HTML & CSS Quic…
28K viewsAug 22, 2020
YouTubeeverything aboutcoding
5:50
Tutorial: How to create animated HTML banner set in 5 minutes
28.6K viewsFeb 4, 2021
YouTubeViewst | Ad Creative Testing & Scaling
10:16:42
Figma Tutorial For UI Design
135.4K viewsDec 19, 2021
YouTubeDev And Design
14:13
Figma 3D Transform Animations Tutorial! | Design Weekly
28K viewsAug 16, 2021
YouTubePunit Chawla
7:02
Loading Animation | Figma Interactive Components
61.5K viewsApr 11, 2022
YouTubeChinsk Design
11:20
Figma To HTML Website Automatically
132.8K viewsSep 18, 2020
YouTubeQuest
35:04
Figma Web Design and Smart Animation
447K viewsSep 23, 2020
YouTubeHyginus Ukeh - Building Amazing Things
1:16
How To Use Figmotion Figma Plugin 2025 (EASY GUIDE)
338 views9 months ago
YouTubeHow To Tutor
15:21
Website Animations Using ONLY Figma
369.2K viewsJun 27, 2022
YouTubeFlux Academy
9:56
Figma Plugins Review - Prototyping
5K viewsSep 20, 2019
YouTubeНаука Дизайна
8:56
Figma Loading Spinner Animation | Interactive Components
18.7K viewsMay 24, 2022
YouTubeChinsk Design
16:54
Prototyping animations with Figma
56.1K viewsOct 7, 2020
YouTubeKevin Powell
2:20
Build your first plugin: 1. Overview
67.1K viewsMay 31, 2022
YouTubeFigma
8:58
Figma Tutorial: Export Figma to HTML Canvas
16K viewsMay 2, 2020
YouTubeHypermatic Figma Tutorials
See more videos
Static thumbnail place holder