Figma Tutorials: The Ultimate Crash Course (Playlist)

By Mizko | Free Course on YouTube

4.5
(0 ratings)
1 students enrolled
Q
Created by Qasrawii Academy
Last updated 3/2026 EN Beginner 480 min total

What you'll learn

In-depth Figma series covering responsive grid layouts, typography scales, auto-layout, constraints, components, and professional design workflows.

Course Content

4 sections • 37 lessons • 480m total length

Getting Started

10 lessons
Introduction to Figma - 2021 Beginners Tutorial (Everything You Need to Know in 20 minutes) Preview
21:00
Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES) Preview
11:00
Figma Tutorial: Create the Perfect Typography Scale for UI & Web Projects (IN 10 MINUTES) - Part 1 Preview
11:00
Figma Tutorial: New Figma Auto Layout & Constraints (W/ UI DESIGN EXERCISE)
13:00
Figma Tutorial: Variants in 11 minutes (With Demo File & Real Examples)
12:00
5 Best Figma Plugins for 2021 | UI & UX Design Tools
9:00
Figma Tutorial: Create Interactive Components with a Real Project (In 7 Minutes)
8:00
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 17 Minutes)
19:00
Figma Tutorial: Create a RESPONSIVE Typography Scale for Mobile & Tablet - Part 2
10:00
Figma Tutorial: Glassmorphism UI Design Tutorial for Beginners
7:00

Fundamentals

10 lessons
Top 6 TIME-SAVING Figma Plugins for Busy Designers - 2021
11:00
14 Advanced Tips to Design FASTER in Figma
18:00
Create a Figma Design System - Fundamentals (Part 1)
14:00
Create a Figma Design System - Color Systems Tutorial (Part 2)
12:00
Create a Figma Design System - Type Styles Tutorial (Part 3)
9:00
Create a Figma Design System - Button Systems W/ Variants Tutorial (Part 4)
12:00
NEW Figma Updates: Multiple Flows in Prototypes (14th July 2021)
4:00
Figma Tutorial: Design a Responsive Table (Master AutoLayout!!)
10:00
[NEW COURSE] The Ultimate Figma Masterclass Course
11:00
10 SUPER Figma Hacks to Design SMARTER
14:00

Core Concepts

10 lessons
Create AMAZING & ANIMATED Mesh Gradients | Figma Tutorial
11:00
5 HIGHLY Recommended Figma Plugins!
5:00
The secret to REALISTIC Figma prototypes (Faking logic) | Figma Tutorial
9:00
6 MUST HAVE Figma Design System Plugins!!
12:00
Create STUNNING Interactive Presentations!! | Figma Tutorial
9:00
Figma Crash Course for 2022 (Best Practices & Techniques!!)
34:00
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00
NEW Figma Updates (AutoLayout, Dark mode, Borders and more)
13:00
How to Hand-off UI Designs to Developers (Figma vs Zeplin)
23:00
Figma's NEW Component Properties Update | Figma Tutorial
8:00

Intermediate Topics

7 lessons
4 Figma Hacks You Didn't Know Existed
12:00
Figma Masterclass Course 2024 | Figma Tutorial for Beginners
44:00
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
6:00
8 UI Kit & Design System Figma Plugins 2023
20:00
The Perfect Spacing Framework in UI Design | Figma Tutorial
9:00
Perfect Responsive Grid Systems Masterclass | UI Design & Figma Tutorial
16:00
Figma's NEW Prototyping Update (State Management) | Figma Tutorial
8:00

Description

In-depth Figma series covering responsive grid layouts, typography scales, auto-layout, constraints, components, and professional design workflows.

Original course by Mizko. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

  • A computer with internet access
  • Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course
Free Open Access

This course includes:

37 lessons
480 minutes of content
Beginner level
EN
Full lifetime access
Certificate of completion