Figma Auto Layout: Responsive UI Card Design
Вставка
- Опубліковано 9 лип 2024
- Hi Family 👋 In this tutorial, we gonna learn all about Auto Layout in Figma and how to create this dope responsive UI card!
▽ TRY FIGMA FOR FREE 👉 psxid.figma.com/9d60eat0lfr6
▽ MY FAVORITE DESIGN TOOL 👉 psxid.figma.com/suue4ftvzr51-...
▽IMPORTANT TUTORIALS ▽
My Best Video 👉 • The History of Prototy...
Figma Auto Layout 👉 • Figma Auto Layout: Res...
Figma Components 👉 • Figma NEW Component Pr...
My top 5 Figma Plugins in 2022 👉 • My TOP 5 FIGMA Plugins...
▽ FOLLOW ME ▽
Instagram 👉 / galb.design
Website 👉 www.galbarzilay.com/
▽ FILM GEAR I USE ▽
Main Camera: Sony a7siii
Main Lens (A-Roll): Sony 20mm f1.8
Secondary Lens (B-Roll): Zeiss Batis 40mm f2.0
Drone: DJI Mini
Editing SW 👉 www.apple.com/final-cut-pro/
Key Light: Apture 100d
Microphone: Rode Video Mic Pro Plus
▽ MUSIC I USE IN MY VIDEOS ▽
👉 artlist.io
For sponsorship, product reviews, and collaboration, you can email me here: domino261@gmail.com
________________________________________
Some of the links in this description may be affiliate links that allow me to earn a small commission (at no extra cost to you!) and keep this channel going. Thanks for your support!
#uidesign #figma #figmatutorial
The Quality on those videos are crazy
Well I’m trying my best 😉
I didn't even know there was a way to postion an icon urself, this made me love Auto Layout even more, great tutorial too it was very helpful
omg "absolute position” lightened me :))) thanks so much
Thanks gal, this helps alot
Hey you deserve more subscribers man!!!! THANKYOUU
Thanks for the video Gal. Just what I needed! 👍
Thank you so much, really useful!!
Quality Content ⚡
Thanks Gal, Very Nice Content
Very well explained and very entertaining to watch, thank you!
this is an amazingly helpful video thank You Gal ..
what the hell man.....how I missed your video
I'm already 2 days late.
As usuall the very informative video Gal...........I wish you can teach us to design responsive website in figma using autolayout, animation, plugins and so on.
Thanks man! Noted! I’ll add responsive website in Figma to the list 😉
most crazy video I have come across ever! much appreciated & keep us mentored. Thanks for sharing.
Cold video. Thanks for making this video.
Thanks you very much!! so clear and easy to learn ;)
Thanks for the video Gal; I'm already a huge fan of Autolayout and use it on my design tasks. Just watched the video for the quality and the effort you put in. Very nice!
Wow! thanks man I appreciate the support very much. Happy to hear you are designing with auto layout 💪
Amazing tutorial!
Thank you for this video!! I was totally missing the “absolute position” part and had a lot of questions about auto layout in general. This is a real gem for anybody who’s learning Figma!! 😄 Again thank you so much!! Cheers from Italy!!
Thank you Pietro! Cheers! I would love to visit Italy again soon ✌🏻
@@galxbarzilay I’m sure you’ll like it 😄
thanks!!
I found this video to be very concise and to the point. Really nice, keep at it. One thing though I found the background music to be a tad too loud & distracting.
Thank you for the great feedback my friend! I'll make adjustment's in future videos 🙏
Thanks Man! For the quality content ❤️❤️❤️
Thank you for watching 🙏
You're offering us more knowledge on Ui Designing, Sir. Thanks Alot..
And Your way of "explain things and with video story telling editing" are Quite Awesome Sir..🙋❣
Thank you 🙏🏼 So happy to hear that!
Great tutorial thank you so much ❤❤❤
Thanks for watching!
Sir make more figma tutorial for us ❤️
Gal - Can't tell you how many times you've saved me with things I didn't know how to do them. Thanks so much for the amazing quality of your tutorials!!!
I must, if you let me, ask you a questions regarding these cards we created: how do I change the photo? I can't figure it out without having to create the card from scratch each time.
Thanks so much and looking forward to your next videos!
Hey there Dani and thank you so much! About your question… simply select the image layer go to fill, choose image and load up a new image from your chosen folder ✌️
@@galxbarzilay ohhhh... Makes sense... What if the images are from the Prexels plug in? Should I download them to my computer first?
Quick question! I've done an auto layout for 3 cards arranged horizontally. These 3 cards have varying width sizes. In order for them to behave responsively, I set the width and height to fill (that worked perfectly for the pervious row of 4 cards the same size). But now, when I set them to fill, Figma enlarges the thin card so it's equal in width size to the other cards it's in auto layout with.I don't want that but "fixed" and "hug" keep the cards stagnant when shrinking the screen. I've been trying to problem solve this for over 20 hours and can't find a youtube video or article that addresses this. If you have any suggestions at all, I would really, really appreciate it.
Wow my friend it’s really hard for me to understand exactly what’s going on. But I truly like to help. Do you want to share the Figma file with me?
WOW!!!! You talk really really fast...........................
WOW a comment from Peter Mckinnon! Why did you change your profile image? :)
@@galxbarzilay Gal, I've never had a profile image pal. Keep up the good work and all the best for 2023.
Love your videos! Keep on! I’ll also subscribe on IG 😃
thnk broo