Figma Components Tutorial: From Basics to Variants in 19 Minutes (2026)
19:31
YouTubeDavid Emulo
Figma Components Tutorial: From Basics to Variants in 19 Minutes (2026)
Want to design professional, reusable UI elements in Figma? In this beginner-friendly tutorial, you will learn how to create your first Figma component, use variants, and build a basic design system quickly and efficiently. Perfect for UI/UX designers, product designers, and anyone starting with Figma. You will learn everything from component ...
2.1K views4 months ago
UI Design Basics
UI UX Design Full Course 2026 | UI UX Tutorial For Beginners | UI UX Design Course | Simplilearn
23:51:22
UI UX Design Full Course 2026 | UI UX Tutorial For Beginners | UI UX Design Course | Simplilearn
YouTubeSimplilearn
14K views4 weeks ago
UI/UX Design Course For Beginners 2026 [FREE] | UI/UX Design Tutorial for Beginners | Simplilearn
6:16:34
UI/UX Design Course For Beginners 2026 [FREE] | UI/UX Design Tutorial for Beginners | Simplilearn
YouTubeSimplilearn
7.4K views4 months ago
UI/UX Design Full Course 2026 | UI UX Design Tutorial for Beginners | UI UX Design | Simplilearn
11:34:53
UI/UX Design Full Course 2026 | UI UX Design Tutorial for Beginners | UI UX Design | Simplilearn
YouTubeSimplilearn
24.7K views4 months ago
Top videos
How to Build a Reusable Component Library in Figma | Step-by-Step Guide (EP14)
8:15
How to Build a Reusable Component Library in Figma | Step-by-Step Guide (EP14)
YouTubeAmariq Studio
463 views4 months ago
UI Vlog💻AI in Figma: Build Component Library + Variables Fast! ⚡️
2:14
UI Vlog💻AI in Figma: Build Component Library + Variables Fast! ⚡️
YouTubesongsummer
930 views2 months ago
Prac9 Build a component library (buttons, forms, Navigations) in Figma. UI UX Design
27:42
Prac9 Build a component library (buttons, forms, Navigations) in Figma. UI UX Design
YouTubetechnocrip
64 views2 months ago
Figma Tips and Tricks
Figma Buzz now has Approvals
3:13
Figma Buzz now has Approvals
YouTubeFigma
4.1K views1 month ago
Manipulation Design in Figma: Graphic Design Techniques
0:22
Manipulation Design in Figma: Graphic Design Techniques
TikTokkisondesign0
2.5K views1 month ago
Figma for Edu: Figma AI toolbox
59:12
Figma for Edu: Figma AI toolbox
YouTubeFigma
3.5K views3 weeks ago
How to Build a Reusable Component Library in Figma | Step-by-Step Guide (EP14)
8:15
How to Build a Reusable Component Library in Figma | Step-by-Step Guid…
463 views4 months ago
YouTubeAmariq Studio
UI Vlog💻AI in Figma: Build Component Library + Variables Fast! ⚡️
2:14
UI Vlog💻AI in Figma: Build Component Library + Variables Fast! ⚡️
930 views2 months ago
YouTubesongsummer
Prac9 Build a component library (buttons, forms, Navigations) in Figma. UI UX Design
27:42
Prac9 Build a component library (buttons, forms, Navigations) in Figm…
64 views2 months ago
YouTubetechnocrip
Master Figma Components and Variants: The Ultimate Guide + Free Figma Files 🎁
6:20
Master Figma Components and Variants: The Ultimate Guide + Free F…
1.7K views9 months ago
YouTubeEdward Gerasim
Figma Components Tutorial | Reusable UI Components in Figma
0:47
Figma Components Tutorial | Reusable UI Components in Figma
101 views3 months ago
YouTubeTop Tip
How I Build a Component Library in 2 days (Figma to Claude Code to Storybook)
8:55
How I Build a Component Library in 2 days (Figma to Claude Code to Story…
21.6K views4 months ago
YouTubeThe Design Project
Build a Design System - Full Course
3:34:24
Build a Design System - Full Course
171.6K views8 months ago
YouTubeUI Collective
14:34
Claude + Figma = Design System Components
27.2K views1 month ago
YouTubeSergei Chyrkov
13:43
Codex + Figma MCP: Build a Design System in 13 Minutes!
4.8K views3 weeks ago
YouTubeNehmat Gereige | AI-Design Professor
20:45
This AI Design Agent Inside Figma Beats Claude Design
2.8K views3 weeks ago
YouTubeSergei Chyrkov
1:21
Shadcn/ui Figma Components - Collapsible
239 views2 months ago
YouTubeShadcn Figma
3:10
How To Use UI Kits In Figma (Updated 2026)
40 views3 months ago
YouTubeAI Mastery
1:27:43
Designing With AI: Claude, Codex, Figma | Full Guide
44.9K views3 weeks ago
YouTubeUI Collective
17:43
Figma & Claude Just Changed UI Design Forever
72.5K views2 months ago
YouTubeSergei Chyrkov
8:49
Claude Code + Figma Design System (Designer Workflow Test)
39.5K views2 months ago
YouTubeUI Collective
3:16:03
Figma App Build: Research → Prototype (Components & Iteration)
17.5K views7 months ago
YouTubeUI Collective
18:30
How to Design Figma-Quality UI with AI (Detailed Prompts, Skills & Gemin…
11.3K views2 months ago
YouTubeMade by Sourasith
16:31
How to Get Better UI Design with Figma Make and AI
48K views5 months ago
YouTubeSergei Chyrkov
1:37
How To Add a Library in Figma (2025 Updated Tutorial)
858 views9 months ago
YouTubeKrause Media
57:27
Build Components in Minutes with Figma and AI
1.2K views6 months ago
YouTubeBuilder
17:34
Connect your design system to Figma Make!
21.5K views7 months ago
YouTubeKimo
9:38
How I Build a Production-Ready Design System with AI | Figma Make
92.8K views4 months ago
YouTubeAI Builder Space
7:13
Figma Make: Connect Your Design Library for AI Prototypes
1.1K views4 months ago
YouTubeElizabete Staerfeldt
19:24
Figma Tutorial: Master Figma Components and Variants in 20 Minu…
282.4K viewsApr 29, 2025
YouTubeDesignWithArash
2:03:48
Design System & Figma Variable Set Up - Full Tutorial
82.8K views10 months ago
YouTubeUI Collective
6:39
Figma Component Tutorial for Beginners
29.1K viewsMay 19, 2025
YouTubeAliena Cai
5:07
Components fundamentals: Figma Design for beginners [7 of 13]
41.3K views10 months ago
YouTubeFigma
21:28
Build Figma Layouts FAST | Build a Design System Part 7!
17.5K viewsNov 25, 2024
YouTubeUI Collective
1:12:32
Figma App Design Series: Layouts, Pages & UX | Library Setup
10.3K viewsApr 16, 2025
YouTubeUI Collective
See more videos
Static thumbnail place holder