Responsive Card Component UI Design in Figma with ease - Figma Tips and Tricks Tutorial

Responsive Card Component UI Design in Figma with Ease - Figma Tips and Tricks Tutorial

In this video, you will learn how to design responsive Cards which is a popular UI feature introduced by Google Material Design. So to design a card that can expand vertically with more text and can be resized. I am sharing tips and tricks to design a responsive card UI in Figma. Auto Layout will help you design a Card Component easily in Figma with responsive resizing

#uxdesign #learnuxid #ui/ux

--------------------------------------------------------------------------------
I teach UI UX Design to more than 100K+ students from 186 countries. Learn and improve
your career as UX/UI Designer and upgrade it.

Watch FREE - 5h Video Course - Visual Design for UI Designers & Developers

17+ Pro UI UX Design Course bundle for $99 (Biannual)

Kit Camera, Microphone used in the making of this Video

Book me as your Mentor (only 2 slots)

Follow me here, Thanks
--------------------------------------
----------------------------------------------------

[bonbon]

I swear to Allah there are 3 things that I learn from this video that changed my work and the process, for real. I was struggling for some moment but not anymore. Thank you.

[salamzaied]

I've been watching tutorials for the last hour on auto layouts for cards, but this is genuinely the only one that's been very helpful. Thank you for sharing your knowledge!

[ayambaasong]

Ive watched ton of videos on auto layout since its was introduced in Figma. I'm so glad you made it really simple and so comprehensive. Thank you so much.

[zoemoncaster]

This new auto sizing was driving me mad whilst following a (now outdated) course – but now it makes sense. Thank you!

[dolapokareem]

I love your videos so much, easy to understand and straight to the point. Highly recommendable!!!

[agustinabordonr]

Thank you so much, this was so clear and helpful!

[railpressureflip]

Amazing work bhai! Thank you! Learned so much 🙌🏼

[giselesarian]

Thank you so much !!! Cheers from Brazil.

[bymil_jon]

Thank you for the great tutorial! I was actually learning how to do this from Figma's design system videos, but the instructor wasn't exactly clear. You clarified a lot of the points that I missed.

[minervaillustrator]

Thank you so much! So useful 🙌 I love to hear the birds in the background 🐦

[sma]

Great tutorial. Really easy to follow! Just wondering… How would you lock the scale of an image on a responsive site? Ie. Say I like the way the boxed water image is cropped (at 11:50) and when I make the screen bigger, I want the image to get proportionally bigger and maintain the same cropping. Is it possible to do this? So many websites function like this (even Youtube!)

[nehasalma]

thank you for this quick trick with us .

[taimoorkhanvlogs]

I love Figma Tutorials 💕 We want more and more about Figma 💗

[southlondonreseller]

Thank you for making responsive design so simple

[leyetemi]

Thank you so much for this tutorial. It's my first video and I'm definitely going to watch more💙

[marijadimitrijevic]

Love it, good job man, you realy helped a lot!

[amandayu]

Hi, first time seeing your video. I learned a lot and you describe very clear in step-by-step. Thank you so much! subscribed！😄

[shreyakhyada]

really helpful please make few more videos for besic or beginners like me thank you

[МаринаПискарева-ял]

is it possible to save proportion of image size in cards? so it would increase not only horizontal but vertical too?

[roter]

Is there a rule of thumb for character limits for card titles and descriptions? I don't know how long is too long for either element.