Design Responsive Cards with Auto Layout in Figma | Step-by-Step Tutorial
5:56
YouTubeMadhu Creationss
Design Responsive Cards with Auto Layout in Figma | Step-by-Step Tutorial
Learn how to create fully responsive card designs using Figma's Auto Layout feature in this detailed tutorial! Whether you're designing for web or mobile, I'll walk you through the entire process of setting up Auto Layout for a clean, dynamic, and flexible card design. Perfect for UI/UX designers looking to enhance their workflow and design ...
3K viewsSep 23, 2024
Figma Tutorial
Learn Figma - Everything you need from beginner to expert
Learn Figma - Everything you need from beginner to expert
git.ir
12 viewsSep 14, 2024
The Fundamentals of Figma - A Guide for complete Beginners
The Fundamentals of Figma - A Guide for complete Beginners
git.ir
26 viewsFeb 13, 2023
Figma 2023: The Absolute Beginner to Pro Class in under 2h!
2:07:57
Figma 2023: The Absolute Beginner to Pro Class in under 2h!
git.ir
7.2K viewsJun 12, 2022
Top videos
How to create responsive cards in @Figma Here are the main points: 1. Everything has to be in autolayout 2. Inside your card you have 2 main containers, 1 for the image and 1 for the content 3. Every containers and element's width has to be set to "fill to container" 4. Tags's autolayout has to be set to "wrap" 5. Set minimum and maximum width for the card and for the 2 main containers within the card 6. Set the card's autolayout to "wrap" By: @inga.hello.uxui .. Follow for more UIUXMaestro . .
0:37
How to create responsive cards in @Figma Here are the main points: 1. Everything has to be in autolayout 2. Inside your card you have 2 main containers, 1 for the image and 1 for the content 3. Every containers and element's width has to be set to "fill to container" 4. Tags's autolayout has to be set to "wrap" 5. Set minimum and maximum width for the card and for the 2 main containers within the card 6. Set the card's autolayout to "wrap" By: @inga.hello.uxui .. Follow for more UIUXMaestro . .
FacebookUIUXMaestro
1.6K viewsMay 27, 2024
Figma Auto Layout: Quick Guide to Designing Responsive Product Cards
2:21
Figma Auto Layout: Quick Guide to Designing Responsive Product Cards
YouTubeUi Idea
1.3K views5 months ago
UI Card Designed with Auto Layout - Figma Crash Course
12:59
UI Card Designed with Auto Layout - Figma Crash Course
YouTubeSketch Together
87.3K viewsDec 1, 2020
Figma Design Tips
13 Best Figma Tips and Tricks for Designers in 2026 - Webdew
13 Best Figma Tips and Tricks for Designers in 2026 - Webdew
webdew.com
Aug 3, 2021
5 Figma Tricks and Tips for Beginners
5 Figma Tricks and Tips for Beginners
tutsplus.com
Sep 29, 2021
Figma Secrets Exposed – Expert Tips and Tricks from Designers
0:32
Figma Secrets Exposed – Expert Tips and Tricks from Designers
MSNDesign Xstream
5 months ago
How to create responsive cards in @Figma Here are the main points: 1. Everything has to be in autolayout 2. Inside your card you have 2 main containers, 1 for the image and 1 for the content 3. Every containers and element's width has to be set to "fill to container" 4. Tags's autolayout has to be set to "wrap" 5. Set minimum and maximum width for the card and for the 2 main containers within the card 6. Set the card's autolayout to "wrap" By: @inga.hello.uxui .. Follow for more UIUXMaestro . .
0:37
How to create responsive cards in @Figma Here are the main points: …
1.6K viewsMay 27, 2024
FacebookUIUXMaestro
Figma Auto Layout: Quick Guide to Designing Responsive Product Cards
2:21
Figma Auto Layout: Quick Guide to Designing Responsive Product Ca…
1.3K views5 months ago
YouTubeUi Idea
UI Card Designed with Auto Layout - Figma Crash Course
12:59
UI Card Designed with Auto Layout - Figma Crash Course
87.3K viewsDec 1, 2020
YouTubeSketch Together
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
Make a UI Card Design with Auto Layout in Figma
2:27
Make a UI Card Design with Auto Layout in Figma
3.2K viewsMar 28, 2022
YouTubeFigmin
Figma tutorial: Card component with auto layout
11:50
Figma tutorial: Card component with auto layout
382.2K viewsFeb 4, 2021
YouTubeFigma
Figma Tutorial: How to Create Responsive Cards | Step-by-Step Auto Layout Guide
5:08
Figma Tutorial: How to Create Responsive Cards | Step-by-Step …
212 viewsNov 5, 2024
YouTubeELEWAY
18:20
Create the card and container system: Figma Design for beginne…
30.9K views7 months ago
YouTubeFigma
16:35
Build a Professional Card Component in Figma from SCRAT…
12.5K viewsFeb 15, 2025
YouTubeUX with Luke
23:32
Figma tutorial: Card component (with slots!)
2.4K viewsDec 5, 2022
YouTubemasha
12:52
Figma Tutorial for E-Commerce Product Cards Using AutoLayout
6.5K viewsJul 9, 2022
YouTubeDesignCoach
5:54
UI Card Design With Auto Layout - Figma Crash Course | #autolayou…
2.7K viewsJan 18, 2023
YouTubeLets UI
19:20
Figma Tutorial: Cards com Auto Layout - Rápido e fácil de fazer!
528 views4 months ago
YouTubeDoug Lazarini
0:28
Designing a MasterCard in Figma
938 views6 months ago
YouTubeMarketfastap
7:06
Mastering Product Card Design: A Figma Tutorial
220 viewsMar 26, 2024
YouTubePixdplus
15:39
E-Commerce Product Cards Design Using Figma AutoLayout
8.4K viewsJan 6, 2021
YouTubeDesign with Shriya
7:32
How To Create Responsive Card Layout On Figma
6.3K viewsNov 12, 2022
YouTubeProduct Meow
9:58
Responsive Card Component UI Design in Figma tricks & tips
55K viewsAug 31, 2023
YouTubeFigma Frenzy
12:46
Responsive Card Component UI Design in Figma with ease - Figm…
29K viewsJun 22, 2022
YouTubeLearn UX Design
6:17
Creating Smooth Curves for Your Figma Card: Step-by-Step Tutorial
2K viewsSep 9, 2024
YouTubeRefractory Studios
13:09
Responsive Card Component UI Design in Figma Tricks & tips (par…
6.7K viewsOct 31, 2023
YouTubeFigma Frenzy
7:42
Selectable cards in Figma
1.6K viewsDec 18, 2024
YouTubeNick Babich
23:59
Desvendando o AUTO LAYOUT RESPONSIVO no Figma: Tutorial …
10.5K viewsAug 27, 2023
YouTubeFala Bondioli
6:33
Create Stunning Card Animations in Figma | Step-by-Step Tutorial
7 views10 months ago
YouTubeJafareez design
0:26
Efficient Autolayout Card Design in Figma | Learn UX Design Quickly
Aug 7, 2022
TikTokzander_whitehurst
2:24
How to Create Cards UI in Figma 2026 (Simple Step)
1 views2 months ago
YouTubeTUTOR BASE
7:53
Master Responsive Card Design in Figma with This Video
439 views9 months ago
YouTubeLearn UX Design
8:48
How to Design a Responsive Card in Figma | A Simple Guide
16 views11 months ago
YouTubeLaraib's Tech Space
6:54
How to create a custom card using Figma
497 viewsApr 12, 2023
YouTubeArt Sphere Inc.
See more videos
Static thumbnail place holder