Create the card and container system: Figma Design for beginners [8 of 13]
18:20
YouTubeFigma
Create the card and container system: Figma Design for beginners [8 of 13]
In this video, we’ll use auto layout to build a responsive card element for our portfolio’s landing page. Then, we’ll revisit the elements we built in the previous lessons and apply auto layout to them to build a container system for our portfolio. Finally, we’ll wrap things up by turning all of the elements into reusable components ...
35.1K views7 months ago
Shorts
"Create a Responsive Card in Figma | Auto Layout & Constraints Tutorial"
0:37
101.4K views
"Create a Responsive Card in Figma | Auto Layout & Constraints Tutorial"
Creative Design Ideas
Figma Card Hover Animation
1:08
2.3K views
Figma Card Hover Animation
Alexdev
Figma Tutorial
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1M viewsApr 11, 2024
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.8K viewsFeb 22, 2025
Top videos
Build a Professional Card Component in Figma from SCRATCH!
16:35
Build a Professional Card Component in Figma from SCRATCH!
YouTubeUX with Luke
12.5K viewsFeb 15, 2025
Figma tutorial: Card component with auto layout
11:50
Figma tutorial: Card component with auto layout
YouTubeFigma
383.2K viewsFeb 4, 2021
Figma Auto Layout Tutorial for Beginners | Create a Simple Card Design
5:49
Figma Auto Layout Tutorial for Beginners | Create a Simple Card Design
YouTubeCryeStudio Design Tutorials
823 views11 months ago
Figma Design Tips
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
12:27
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
YouTubeFigma
17.5K views7 months ago
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
YouTubeFigma
63K views4 months ago
Create the landing page hero: Figma Design for beginners [4 of 13]
19:08
Create the landing page hero: Figma Design for beginners [4 of 13]
YouTubeFigma
64.9K views7 months ago
Build a Professional Card Component in Figma from SCRATCH!
16:35
Build a Professional Card Component in Figma from SCRAT…
12.5K viewsFeb 15, 2025
YouTubeUX with Luke
Figma tutorial: Card component with auto layout
11:50
Find in video from 04:42Finalizing the Card
Figma tutorial: Card component with auto layout
383.2K viewsFeb 4, 2021
YouTubeFigma
Figma Auto Layout Tutorial for Beginners | Create a Simple Card Design
5:49
Figma Auto Layout Tutorial for Beginners | Create a Simple Card …
823 views11 months ago
YouTubeCryeStudio Design Tutorials
Create Amazing Card Section For Your Next Website Using Figma | Figma Tutorial
9:43
Create Amazing Card Section For Your Next Website Using Figma | …
4.9K views9 months ago
YouTubePixxelex
Build a Responsive Card Component Using Max/Min
4:38
Find in video from 01:13Building the Card Component
Build a Responsive Card Component Using Max/Min
14K viewsJul 6, 2023
YouTubeUI Collective
Design Responsive Cards with Auto Layout in Figma | Step-by-Step Tutorial
5:56
Design Responsive Cards with Auto Layout in Figma | Step-by-Step Tu…
3.2K viewsSep 23, 2024
YouTubeMadhu Creationss
Figma Auto Layout: Quick Guide to Designing Responsive Product Cards
2:21
Figma Auto Layout: Quick Guide to Designing Responsive Product Ca…
2.2K views5 months ago
YouTubeUi Idea
6:05
Find in video from 05:39Testing the Card Functionality
Responsive Design in Figma: Master Auto Layout!
100.7K viewsMay 20, 2024
YouTubeAnjiUx
3:05:51
Free Figma Advanced Course: Become a Figma Pro!
61.8K views4 months ago
YouTubeBring Your Own Laptop
5:31
Find in video from 00:16Intro of Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tu…
70.4K viewsMay 14, 2024
YouTubePixxelex
9:58
Responsive Card Component UI Design in Figma tricks & tips
55K viewsAug 31, 2023
YouTubeFigma Frenzy
4:31
Create A Stunning Flip Card Effect In Figma: Step-by-step Tutorial
22K viewsApr 11, 2023
YouTubeAquiyah Designs
10:02
Stacking Card Sticky Scroll Animation in Figma
7.4K views5 months ago
YouTubeThefemijohn
7:42
Create ADVANCED Card Animation In Figma | Figma Tutorial
11.1K viewsMay 7, 2024
YouTubePixxelex
8:32
Figma Animation. How to Create Interactive Product Card. Part1 #fi…
734 views5 months ago
YouTubeMaria Kutish
19:24
How to Create a Shuffle Card Animation in Figma | Step-by-Ste…
1.3K viewsMar 23, 2025
YouTubeKentTheDesigner
2:46
Find in video from 00:49Creating a Secondary State for the Card
Create card flip animation in Figma
90.9K viewsNov 11, 2023
YouTubeNick Babich
2:48
Simple Card Flip Animation in Figma | how to create a card flip animatio…
278 views8 months ago
YouTubeWeb Code Journey
4:25
Create Responsive Cards with Hover Effects in Figma – Quick Tu…
2.7K viewsDec 12, 2024
YouTubeRawan
18:41
Find in video from 01:25Placing the Cards
Card swipes/ carousels in Figma
117.4K viewsJan 22, 2023
YouTubeAkash Yadav
21:52
AUTO LAYOUT FIGMA class 9 Figma Tutorial for Beginners #Fig…
45.4K views11 months ago
YouTubeSkillsterr - formerly Graphics Guruji
17:00
Find in video from 00:27create a card
Sticky Scroll Animation in Figma | Tutorial for Beginners
45.3K viewsAug 23, 2024
YouTubeSergei Chyrkov
6:34
Create PARALLAX CARD Animation In Figma | Figma Tutorial
18.2K viewsApr 16, 2024
YouTubePixxelex
2:51
Figma Tutorial: Card Flip Animation in Figma | UI Design Animation | E…
30.9K viewsApr 10, 2024
YouTubeHindra
7:40
Create ACCORDION Card Animation In Figma | Figma Tutorial
17.7K viewsMar 20, 2024
YouTubePixxelex
3:19
Creating a Stunning Glass Effect Card in Figma: A Step-by-Step Gui…
7.7K viewsMar 28, 2024
YouTubeDesign with Mahsa
26:05
How to Design an ID Card in Figma Under 25 Minutes | Fast & Easy Fi…
2K viewsNov 28, 2024
YouTubeBinoosmart
10:27
Responsive Card Design in Figma | Auto Layout in figma
3.9K viewsSep 20, 2024
YouTubeUIX Nikunj
6:38
Find in video from 00:26Designing the Card
Create Stunning Flipping Card Effects in Figma: Step-by-Step Tut…
2K viewsSep 6, 2024
YouTubeDesign with Kingsley
See more videos
Static thumbnail place holder

Short videos

0:37
"Create a Responsive Card in Figma | Auto Layout & Constraints Tutorial"
101.4K views9 months ago
YouTubeCreative Design Ideas
1:08
Figma Card Hover Animation
2.3K views3 months ago
YouTubeAlexdev
0:40
How to Use Auto Layout Wrap in Figma (Fast Tutorial) #figma
1.3K views1 month ago
YouTubeRawan
1:28
figma Card Prototype #figma #uiux #uidesign
27.2K views5 months ago
YouTubeMadia Designer
0:59
The New Wave of UI/UX Design: Trends and Tools
26.4K views3 weeks ago
TikTokzen_ux
0:43
Create Figma Card Hover Effect with in 1 Minute 🤩
1.6K views5 months ago
YouTubeThemeSelection
1:01
FIGMA! Creative card interaction using figma prototype #figmatutorial
4 views1 month ago
YouTubeUX-UI Heroes
0:45
Figma Interaction Tutorial | Card Flip Animation for Beginners
532 views4 months ago
YouTubeDesign With Summaiya
0:11
Responsive UI card Design In Figma Auto Layout
125 views5 months ago
YouTubeImtiaz Ahmed Qazi
1:00
Figma Design for Beginners
59.6K views9 months ago
YouTubeFigma
0:49
How to Make a Responsive Product Card in Figma
988 views5 months ago
YouTubeAlexdev
0:54
Drag slider emoji card animation in figma
163 views1 month ago
YouTubeUX-UI Heroes
1:25
Figma Corner Radius Trick for Modern UI Cards #figma #designtips #shorts
45 views2 months ago
YouTubeCarlos Pessane
0:35
Responsive UI card Design In Figma Auto Layout
57 views5 months ago
YouTubeImtiaz Ahmed Qazi
0:14
Responsive UI card Design In Figma Auto Layout
196 views5 months ago
YouTubeImtiaz Ahmed Qazi
0:30
Creative Card Hover Effect in Figma | UI Animation Tutorial #shortsbeta
36.5K views10 months ago
YouTubeDiscover design
2:57
Figma for Edu: Using the vector point transform box in Figma
7.2K views1 month ago
YouTubeFigma
0:18
Scratch Card tutorial in figma #figma #scratchcard
381 views5 months ago
YouTubeFigma Shifu
0:28
Designing a MasterCard in Figma
940 views6 months ago
YouTubeMarketfastap
0:40
Design a stunning flip card animation with me in Figma
90 views7 months ago
YouTubeSeddyworld Digital