Design a card with me using Auto Layout | Auto layout practice | Figma Auto Layout

[@mihaimimi3965]

Really like the way you design the cards, so much more intuitive , I've been struggling to understand some aspects and how to make things totally responsive and you've found a great way to do it and also explain it. I've come here from your other video ," the Responsive Design using Variables and Auto-layout " because I got a bit stuck when my own cards didn't react the way yours did. I thank you for this content and will check more of your vids!

[@TDSunshine]

Glad it was helpful! ☀️🙏🏻💛

[@fabiookonolanguages]

I've just started working as a product designer and your videos are being so helpful to me! I hope you keep doing you amazing job and spreading some way more nice and important content to us!❤🎉

[@TDSunshine]

aww thanks! Im so glad you found them helpful! 🙏🏻☀️💛

[@Shubham_Toshniwal]

That is a brilliant explanation! You have truly mastered a skill of simplicity!!

[@TDSunshine]

aww thanks! 🙏🏻☀️💛

[@renukaadireddy4614]

Your explanation was incredibly detailed and clear. I truly appreciate the effort you put into making everything so understandable! 👏👏

[@TDSunshine]

Thank you so much! I'm glad you found it helpful ☀️🙏🏻💛

[@krishowes2330]

Really loving your videos. Keep going!

[@TDSunshine]

thanks! 🙏🏻☀️💛

[@bckavtsuzizjwvadbpsk]

This is so practical! Especially the breaking test!

[@TDSunshine]

Thanks! ☀️🙏🏻💛

[@1980nikolov]

Learned a lot! Again! Thanks!

[@TDSunshine]

You're welcome! Again! ☀️🙏🏻💛

[@m7280]

Hey Tair! Perfect lesson as always. Thank you! However I still can't figure out the nested components topic. I'd appreciate if you make a video on it

[@TDSunshine]

Thanks! I have a few more videos about components you can check them out here ☀️🙏🏻 - *Figma components* - kzbin.info/www/bejne/gHWreYWEatCBi5o

[@arjunjacob1505]

Another great video, thanks a ton! Just a suggestion - in the figma file attached in the description could you also add the actual final product (in this case the card you redesigned)? It'd be really useful to see all the auto layout properties of each of the elements inside the card so that we can make sure we're doing it right when we practice

[@TDSunshine]

Great idea! will think about it for future videos ☀️🙏🏻💛

[@mluisamartins]

This video was so helpful!!!! :) Keep up with the good work xxx

[@TDSunshine]

Thanks! 🙏🏻☀️💛

[@tutukumarpanda]

Thanks for sharing. Could you please make a video How to use carousel slide controller/ indicators with carousel slides in horizontal / vertical scrolling or sliding?

[@TDSunshine]

Thanks! nice idea adding to my list! 🙏🏻☀️

[@Ikigai_boy]

Love from India ♥♥. You're videos so helpful !!! You're amazing & beautiful😅

[@TDSunshine]

Thank you! ☀️🙏🏻💛

[@mihaimimi3965]

I also have a question about the "Date and Duration" auto layout. We managed to truncate all text in rest of auto layouts according to our needs but as far as I see, while having a Wrap Direction doesn't let us truncate text, even if the Height is fixed the text will still show up and we'll sit on last typed things and not the first ones. Is there a way to work around this? Wasn't in the position to actually need it so far, I'm just curious if it works both ways or only when taking information out of that tab auto layout

[@TDSunshine]

If I understand your question correctly I would say the best way to achieve this would be to set the text nodes to a maximum width and maybe also minimum width and then the text can grow and shrink but only to a certain point and then truncate from there ☀️🙏🏻💛

[@mihaimimi3965]

@@TDSunshine Oh, so to have a limit on the text and not work in a wrap system. Yea that makes sense, thank you. Or I was thinking that I could just add another line if more cards behave the same so I don't have the problem at all. You're very nice for answering

[@orensavidor147]

Thank you so much, that was very helpful!

[@TDSunshine]

You're welcome! ☀️🙏🏻💛

[@canklejohnes3260]

brilliant @ td sunshine,, lets goo!!!

[@TDSunshine]

Thanks! ☀️🙏🏻

[@petermckinnon386]

Brilliant

[@TDSunshine]

Thanks! 🙏🏼☀️

[@user-11DiACasti88]

I want to do the Sky Diving cause at the end just cost 20 $ ;) hahah Greetings TD sunshine U are the best and my inspiration!

[@TDSunshine]

hahaha yeah my examples are sometimes a bit too dreamy aren't they 🤪 Thanks! ☀️🙏🏻💛

[@leephom5499]

ty

[@TDSunshine]

☀️🙏🏻

[@AntanasGeguzinskas]

Thanks :)

[@TDSunshine]

You're welcome 🙏🏻☀️

[@shanis6050]

Hope to see you in config 24 🚀

[@TDSunshine]

ahh Im so excited for it! 🙏🏻☀️

[@masumuix]

❤❤🎉🎉

[@TDSunshine]

🙏🏻☀️