How To Design RESPONSIVE UIs With AUTO LAYOUT and Fill Container (Figma Tutorial)
26,088
Published 2023-01-18
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
In this video we’re going to examine how you can create responsive UIs and UI elements / components in Figma using the “fill container” adjustment within Auto Layout. Creating scalable and responsive UI elements is essential if you’re building more complex user interfaces and is a must-have of any decent design system. In this video I’m going to use an example of a feature card with an icon and we’re going to, step-by-step, create a responsive UI element
How to use auto layout in Figma to create responsive UI elements and components – step-by-step explanation by an experienced UX / UI designer – fill container tutorial
————————
© 2023 Mavi Design
All Comments (21)
-
this is the first time in my whole life I could make a responsive design in FIGMA really appreciate that !
-
this 10 min video solved like 80% of my figma problems
-
i was struggling with auto layout but after watching this tutorial now i am able to make responsive design
-
The best tutorial on the subject! The real deal!!
-
Wo your style of explaining is Absolutely amazing the pace and the examples and the tutorial is perfect.
-
Your tutorials are really amazing, helpful, in-depth, and to the point! Thanks fro all these helpful tutorials!
-
Ugh finally a video I can understand ! What to do what if it an image card ? I’ve tried it with a image but having issues making it move
-
You can't imagine how badly I needed this. Thank you so much. I've just subscribed too.
-
Yo, random first video itself is enough to become a fan of this channel😭♥️
-
awesome, much better than the logic I was trying to use myself. subscribed to your channel! thanks!
-
Thank you so much for the tutorial!
-
It had been 3 days since I was facing problem in auto layout now it's resolved. :)
-
very helpful thank you sir!!!
-
Thank you so much. It's helped me a lot.
-
This is the first video about auto layout that I finally got it and I've watched a lot 😭😭 Thank you so much definitely subscribing.
-
Like always, a legend.
-
This makes figma the best tool
-
Very nice thank you
-
Thank you!
-
Thank you ☺