Figma for Edu: Variables and modes for layout in Figma
53:47
YouTubeFigma
Figma for Edu: Variables and modes for layout in Figma
Get a copy of the activity file here: https://www.figma.com/community/file/1317565369810277784/variables-and-modes-in-figma Variables in Figma give designers the power to adapt layouts to different color modes, and content. In this workshop we will go over all of the basics when getting started with variables and modes for your design layouts ...
47.4K viewsJan 2, 2024
Shorts
How to Implement Dark and Light Mode using Figma Variables
1:00
313 views
How to Implement Dark and Light Mode using Figma Variables
KnowHow Academy
Master Figma variables in seconds! 💡 Simplify your design workflow today 🚀 #Figma #designtips #uiux
0:51
12 views
Master Figma variables in seconds! 💡 Simplify your design workflow today 🚀
Tiny Tutor
Figma Basics
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
31:38
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
YouTubeRino de Boer
1.4M viewsJan 12, 2023
Figma Tutorial for Beginners (13-min crash course!)
13:22
Figma Tutorial for Beginners (13-min crash course!)
YouTubeFlux Academy
813.4K viewsNov 27, 2024
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
222.2K viewsFeb 22, 2025
Top videos
How to create Figma variables with multiple modes | Figma Bites
4:47
How to create Figma variables with multiple modes | Figma Bites
YouTubeFigma Bites
3.9K viewsSep 17, 2024
Creating Responsive Breakpoints in Figma Using Variables + Modes
4:40
Creating Responsive Breakpoints in Figma Using Variables + Modes
YouTubeUI Collective
55.5K viewsJul 5, 2023
Figma tutorial: Dynamic prototyping with Variables & Modes
22:51
Figma tutorial: Dynamic prototyping with Variables & Modes
YouTubeYariv BE
3.1K viewsSep 25, 2023
Figma UI Design
Figma Tutorial for UI Design - Course for Beginners
10:16:51
Figma Tutorial for UI Design - Course for Beginners
YouTubefreeCodeCamp.org
2.1M viewsJan 5, 2022
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
1:26:21
UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
YouTubefreeCodeCamp.org
3.2M viewsFeb 10, 2021
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
YouTubeAJ&Smart
4.7M viewsDec 8, 2020
How to create Figma variables with multiple modes | Figma Bites
4:47
How to create Figma variables with multiple modes | Figma Bites
3.9K viewsSep 17, 2024
YouTubeFigma Bites
Creating Responsive Breakpoints in Figma Using Variables + Modes
4:40
Find in video from 01:32Adding Modes
Creating Responsive Breakpoints in Figma Using Variables + Modes
55.5K viewsJul 5, 2023
YouTubeUI Collective
Figma tutorial: Dynamic prototyping with Variables & Modes
22:51
Find in video from 01:05Components and Variable Collections
Figma tutorial: Dynamic prototyping with Variables & Modes
3.1K viewsSep 25, 2023
YouTubeYariv BE
Figma Variables Masterclass 2025 - Complete Tutorial
1:15:24
Figma Variables Masterclass 2025 - Complete Tutorial
37.1K views10 months ago
YouTubeAverage Design Dude
Figma tutorial: Intro to variables
14:51
Find in video from 08:20Switching Between Light and Dark Modes
Figma tutorial: Intro to variables
799.3K viewsJun 21, 2023
YouTubeFigma
Figma Variables Explained! Build a Scalable Design System Step by Step
1:21:59
Figma Variables Explained! Build a Scalable Design System Step by S…
20.1K views4 months ago
YouTubeSergei Chyrkov
Figma Variables for beginners | Master Figma variables in 10 minutes | How to use Figma variables
10:13
Figma Variables for beginners | Master Figma variables in 10 minu…
7K viewsJul 24, 2023
YouTubeTD Sunshine
1:10:38
How to use Figma Components & Variants?
142.6K viewsOct 29, 2023
YouTubeThe Cutting Edge School
6:34
Find in video from 03:44Creating Light and Dark Modes
Design Light & Dark Mode Simultaneously in Figma Using Va…
16.6K viewsSep 6, 2024
YouTubeDesign with Kingsley
8:17
Using Figma Variables to Swap Variants Between Modes
40.5K viewsAug 6, 2023
YouTubeUI Collective
33:04
Find in video from 10:03How to use Figma variables for colors
Ultimate Guide to Figma Variables and Design Tokens!
46.4K viewsJul 18, 2023
YouTubeDesign Pilot
3:44
Find in video from 03:33Conclusion and Further Tutorials
Get Started: Figma Variables in 3 Minutes
17.3K viewsJun 29, 2023
YouTubeTim Gabe
16:16
Find in video from 05:50Creating Styles and Variables
Figma Design System - Colour System (Using Variables & Tokens…
133.4K viewsJul 31, 2023
YouTubeTD Sunshine
43:36
Find in video from 41:35Applying Variables
Master Figma Variables: Set Up a Multi-Brand Design System
20.2K viewsFeb 13, 2024
YouTubeUI Collective
32:46
Find in video from 06:45Changing Variables Between Modes
Prototyping with Figma Variables - The Ultimate Guide for Beginners!
7.5K viewsAug 5, 2024
YouTubeUI Collective
1:25:39
Find in video from 34:26Different Approaches to Type Variables
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
241.3K viewsAug 22, 2024
YouTubeUI Collective
12:58
Find in video from 10:02Creating Variable Modes
Figma tutorial: Variables for typography
242.9K viewsApr 16, 2024
YouTubeFigma
1:00:18
Find in video from 03:32Types of Variables
What are Figma Variables?
84.4K viewsNov 26, 2023
YouTubeThe Cutting Edge School
24:01
Figma Variables Master Class | Figma Crash Course | EP 11 | UI U…
50.2K viewsOct 7, 2024
YouTubeSaurabh Saini
11:28
Find in video from 01:23Breakdown of Type Styles and Variables
Figma JUST Launched Variables for Typography & Gradients | Figma T…
17.6K viewsApr 17, 2024
YouTubeMizko
47:30
Figma Tutorial | Beginners' Quick Start Guide
30.3K viewsFeb 21, 2024
YouTubeEnvato Tuts+
18:05
Figma Type Variables | Mobile Responsiveness Like a Pro!
5.1K viewsMay 29, 2024
YouTubeUI Collective
38:46
How to Make a Design System in Figma?
131.5K viewsDec 15, 2023
YouTubeThe Cutting Edge School
13:23
Find in video from 00:22Using Variables for Prototyping
Figma tutorial: Prototype with variables
467.3K viewsJun 21, 2023
YouTubeFigma
7:02
Dark And Light Modes Using Color Variables | Figma Tutorial [CONFI…
97.9K viewsJul 8, 2023
YouTubeBuild With Fede
30:51
Find in video from 00:34Understanding Variables
Advanced Figma Prototyping with Variables | FREE COURSE
65.9K viewsAug 21, 2024
YouTubeEnvato Tuts+
13:04
Figma Color Styles and Variables - Beginners guide
13.7K views1 year ago
YouTubeDreamineer - Ricardo Costa
17:54
Figma variables to change the language using a dropdown | Ho…
20.3K viewsJul 27, 2023
YouTubeTD Sunshine
15:01
how to use figma variable, collections, and variable modes | …
1.3K viewsSep 25, 2024
YouTubecurdweb
See more videos
Static thumbnail place holder