How to Use Figma for Responsive Web Design | Envato Tuts
How to Use Figma for Responsive Web Design | Envato Tuts
Sep 14, 2022
tutsplus.com
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 . .
1.6K viewsMay 27, 2024
FacebookUIUXMaestro
Harshil Acharya on Instagram: "Designed responsive cards in @figma using Variables, complete with Dark & Light Modes! 🧑‍💻 Perfect for adaptive UI design. #FigmaDesign #UIDesign #DesignTips #ResponsiveDesign #DarkMode #LightMode #FigmaVariables #DesignInspiration #UXDesign #ProductDesign #DesignReel #UIComponents #figmacommunity #uidesign #figma"
Harshil Acharya on Instagram: "Designed responsive cards in @figma using Variables, complete with Dark & Light Modes! 🧑‍💻 Perfect for adaptive UI design. #FigmaDesign #UIDesign #DesignTips #ResponsiveDesign #DarkMode #LightMode #FigmaVariables #DesignInspiration #UXDesign #ProductDesign #DesignReel #UIComponents #figmacommunity #uidesign #figma"
200.9K viewsMay 3, 2025
Instagramharshil_designer
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
603.4K viewsDec 3, 2018
YouTubeFigma
Figma tutorial: Constraints
4:49
Figma tutorial: Constraints
588.7K viewsApr 28, 2020
YouTubeFigma
Figma Tutorial: Layout Grids
2:45
Figma Tutorial: Layout Grids
785.9K viewsMar 20, 2018
YouTubeFigma
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.8M viewsDec 8, 2020
YouTubeAJ&Smart
3:51
Figma tutorial: Auto layout button
803.8K viewsJan 21, 2021
YouTubeFigma
19:20
Responsive Design Beginner's Tutorial for Figma
137.3K viewsMay 16, 2021
YouTubeThe Cutting Edge School
3:35
How to Create Glass Card Effect - Figma Tutorial
429.8K viewsJan 5, 2021
YouTubeThalion
26:24
Responsive Web Design with Figma: Full Walkthrough Tutorial
72.2K viewsMar 28, 2021
YouTubePierluigi Giglio
10:23
Figma Tutorial: Create a RESPONSIVE Typography Scale for Mobile & Tablet - Part 2
91.7K viewsMar 25, 2021
YouTubeMizko
11:50
Figma tutorial: Card component with auto layout
386.5K viewsFeb 4, 2021
YouTubeFigma
24:06
Figma lesson 2 - Intermediate Figma (Grids, Auto Layout, Accessibility, and Responsive Components)
20.3K viewsMar 7, 2021
YouTubeuxtoast
26:30
Responsive Website In Figma
118.7K viewsOct 7, 2022
YouTubeFlux Academy
1:29
How to create Responsive Design in Figma | Auto Layout 2025 #figmatips #autolayout #figmaresposive
151 views10 months ago
YouTubeAtaullah Akram
8:56
Figma Auto Layout: Responsive UI Card Design
16.3K viewsAug 23, 2022
YouTubeGal Barzilay
10:50
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
281.7K viewsApr 25, 2024
YouTubePixxelex
6:05
Responsive Design in Figma: Master Auto Layout!
109.6K viewsMay 20, 2024
YouTubeAnjiUx
5:09
Responsive layout grid in Figma
53K viewsMar 4, 2024
YouTubeNick Babich
8:57
Figma Tutorial - Animated Vibrant Card
43.5K viewsSep 13, 2024
YouTubePixel Point
15:44
Responsive Profile Card | Figma to HTML & CSS
17.2K viewsMay 18, 2020
YouTubeAngela Design
10:00
Design Better Responsive Components in Figma - UI Cards
8K viewsMay 27, 2024
YouTubeCaler Edwards
10:18
How To Make ANY Design Responsive in Figma
72.4K viewsJun 14, 2023
YouTubeArnau Ros
9:58
Responsive Card Component UI Design in Figma tricks & tips
55.4K viewsAug 31, 2023
YouTubeFigma Frenzy
4:34
Designing Responsive Tables with Figma Grid
19.6K views1 year ago
YouTubeNick Babich
16:23
Perfect Responsive Grid Systems Masterclass | UI Design & Figma Tutorial
143.8K viewsMay 15, 2023
YouTubeMizko
8:41
Crea Cards Interactivas en Figma
14K viewsJan 23, 2022
YouTuberedFigma
16:35
Build a Professional Card Component in Figma from SCRATCH!
17.1K viewsFeb 15, 2025
YouTubeUX with Luke
18:41
Card swipes/ carousels in Figma
120.1K viewsJan 22, 2023
YouTubeAkash Yadav
See more