Figma prototyping tutorial: Overlays | Transitions & Interactions
50:32
YouTubeYariv BE
Figma prototyping tutorial: Overlays | Transitions & Interactions
A figma tutorial about creating and interacting with overlays in our designs. With overlays you can design menus, pop-up messages, notifications, dialogs - to any type of screen you are designing. Desktop website design, mobile designs, tablet designs and so on. If you are less familiar with basic prototyping and transition types, please check ...
14K viewsDec 11, 2021
Shorts
Learn how to add Overlays in Figma prototype. #tutorial #figma #overlay #prototype
0:56
13.9K views
Learn how to add Overlays in Figma prototype. #tutorial #figma #overlay #prototype
Design Diary
How to Create an Overlay in Figma | Easy Figma Tutorial
1:00
1.3K views
How to Create an Overlay in Figma | Easy Figma Tutorial
KnowHow Academy
Figma Tutorial
Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn
22:06
Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn
YouTubeSimplilearn
4.5K views2 months ago
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.6K viewsFeb 22, 2025
Figma Full Course 2026 | Figma Full Course For Beginners | Figma Tutorial | Simplilearn
10:59:24
Figma Full Course 2026 | Figma Full Course For Beginners | Figma Tutorial | Simplilearn
YouTubeSimplilearn
18.7K views6 months ago
Top videos
Hacking Figma prototypes with overlays, components, and frames
1:12:56
Hacking Figma prototypes with overlays, components, and frames
YouTubeFigma
158.5K viewsMay 27, 2020
Figma lesson 3 - Prototyping in Figma (Interactive components, overlays & development handover)
22:31
Figma lesson 3 - Prototyping in Figma (Interactive components, overlays & development handover)
YouTubeuxtoast
10.4K viewsJun 10, 2021
How to Create Overlay Prototype Animation? | Figma tutorial
11:01
How to Create Overlay Prototype Animation? | Figma tutorial
YouTubeJishnu Creations 2021
6.7K viewsMay 6, 2021
Figma UI Design
2026 Figma Crash Course - Brand & UI/UX Design
1:26:55
2026 Figma Crash Course - Brand & UI/UX Design
YouTubeDesignCourse
31.1K views3 months ago
How to Design Figma-Quality UI with AI (Detailed Prompts, Skills & Gemini 3.1 Pro)
18:30
How to Design Figma-Quality UI with AI (Detailed Prompts, Skills & Gemini 3.1 Pro)
YouTubeMade by Sourasith
9.7K views1 month ago
Free Figma Make Course for Beginners 2026 | UI/UX Design (Figma Tutorial)
22:34
Free Figma Make Course for Beginners 2026 | UI/UX Design (Figma Tutorial)
YouTubeDesignWithArash
18.7K views3 months ago
Hacking Figma prototypes with overlays, components, and frames
1:12:56
Hacking Figma prototypes with overlays, components, and frames
158.5K viewsMay 27, 2020
YouTubeFigma
Figma lesson 3 - Prototyping in Figma (Interactive components, overlays & development handover)
22:31
Figma lesson 3 - Prototyping in Figma (Interactive components, o…
10.4K viewsJun 10, 2021
YouTubeuxtoast
How to Create Overlay Prototype Animation? | Figma tutorial
11:01
How to Create Overlay Prototype Animation? | Figma tutorial
6.7K viewsMay 6, 2021
YouTubeJishnu Creations 2021
How to Add Overlays in Figma
2:55
How to Add Overlays in Figma
25.1K viewsNov 21, 2024
YouTubeStudio Shephrd
Figma Tutorial Overlay
5:12
Figma Tutorial Overlay
148K viewsMar 18, 2020
YouTubeAngela Design
Learn how to add Overlays in Figma prototype. #tutorial #figma #overlay #prototype
0:56
Learn how to add Overlays in Figma prototype. #tutorial #figma #overla…
13.9K viewsMay 18, 2024
YouTubeDesign Diary
Prototyping overlay transitions in Figma
7:38
Prototyping overlay transitions in Figma
59.3K viewsDec 16, 2022
YouTubeFigma
10:20
Figma Tutorial: Overlays
601.6K viewsDec 3, 2018
YouTubeFigma
3:54
How to make overlay modals/dialogs in a Figma prototype
160 views2 months ago
YouTubeDesign with Paavan
7:03
Figma Interactive Protoyping - Zoom and Pan Overlays
4.9K viewsApr 27, 2022
YouTubeKarl Cleveland
1:00
How to Create an Overlay in Figma | Easy Figma Tutorial
1.3K viewsMar 16, 2025
YouTubeKnowHow Academy
4:49
How to Use Open Overlay and Close Overlay in Figma | Prototype Tutor…
60 views2 months ago
YouTubeSmart Gurukul Academy
3:17
Scrolling and Overlay Interactions in Figma Prototypes | Figma UX/UI T…
2.1K viewsApr 13, 2025
YouTubeLearnTrendy Skills
10:16
Figma Prototyping: Overlays, Advanced Linking & Conditional L…
329 viewsMar 16, 2025
YouTubeKnowHow Academy
1:42
How to Prototype Overlay Popup in Figma
232 viewsNov 29, 2024
YouTubeTechie Dialogue
23:34
Prototype menu like an expert 😎 Learn overlay in Figma
7K viewsMar 15, 2024
YouTubeKimo
3:24
How to Create Overlay in Figma | Figma Tutorial 2026
823 viewsAug 17, 2024
YouTubeHowToHarbor
14:15
“Figma Tutorial for Beginners Setup & Prototyping”
156 views2 months ago
YouTubeExploring Tech
22:36
Figma Prototyping in 20 minutes | How to prototype in Figma - a begi…
62.1K viewsMar 18, 2025
YouTubeTD Sunshine
35:15
Figma Prototyping for Beginners: Step-by-Step Tutorial (2025)
2.6K viewsApr 11, 2025
YouTubeKentTheDesigner
21:36
How to Prototype in Figma, A Beginner Friendly Guide
25 views2 months ago
YouTubeUiUx by Lydia
1:49
How to Prototype in Figma: Step-by-Step Interactive Design Guide
23 views11 months ago
YouTubeLearn by Layerpath
1:32:39
Figma Prototyping Tutorial: Master Advanced Prototyping Skills Like …
17.9K viewsOct 16, 2024
YouTubeDesign with Kingsley
5:12
Figma popup prototype tutorial | figma popup animation | figma ov…
106.4K viewsFeb 12, 2023
YouTubeVector Designs
18:38
Figma Make Tutorial - Create an AI-Powered Prototype
52.2K views4 months ago
YouTubeDesignCourse
24:07
Add prototype connections: Figma Design for beginners [12 of 13]
18.8K views9 months ago
YouTubeFigma
10:08
Prototype for Beginners (2025) | Figma Tutorial
1.5K views5 months ago
YouTubeAgatha Richards
2:38
How to Add Overlays in Figma (Best Method)
5 views6 months ago
YouTubeBuild a Website with Bryan
0:45
How to Create Overlay in Figma
6 views4 months ago
YouTubeMicky Crypto
See more videos
Static thumbnail place holder