Responsive Modal Window in Figma - Design with Auto Layout

Responsive Modal Window in Figma - Design with Auto Layout
In this video, you will learn how to design a responsive modal window in Figma using Auto Layout. This is a bit advanced use of the Auto Layout feature from Figma. So let's design together in Figma. This video is part of my course about Design Systems in Figma
#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
► learnuxid.com
17+ Pro UI UX Design Course bundle for $99 (Biannual)
► learnuxid.com
Kit Camera, Microphone used in the making of this Video
►kit.co/ahsanpervaiz/youtube-d...
Book me as your Mentor (only 2 slots)
► mentorcruise.com/mentor/muham...
Follow me here, Thanks
--------------------------------------
learnuxid.com (website)
/ learnuxuidesign
----------------------------------------------------
/ mahsanidrisi
/ mahsanidrisi
/ muhammad-ahsan-pervaiz...
dribbble.com/ahsanidrisi
www.behance.net/ahsanidrisi
‪@scentexplorer‬ my other RUclips Channel

[@essentials7661]

Your videos are super helpful sir🤗🤗.Is there any specific guidlines for setting the padding?

[@learnuxid]

Normally it increases and decreases with different screen sizes. I would advise minimum 16px, 20px or 24px for inner spacings and outer start with 24, 28 or 32px

[@LuisPerezWilmai]

Muchas gracias por compartir este contenido, felicitaciones estimado.

[@learnuxid]

You are welcome

[@BEPrimAnim]

Thank you very much for your channel man, I am a UX/UI designer but switching to Figma made some things confusing to me.

[@learnuxid]

Yes, these Auto Layouts are difficult to master but when you master it, they seems like a blessing

[@humchar913]

very helpful

[@learnuxid]

Thanks Aamir

[@RaniaMadi-ch4je]

The heading is moving to the right as well, how I can control this?

[@learnuxid]

Did you left align the heading?

[@domc7446]

Hi how’s it going …..I thought your video was very good. … I am very new to ux/ui design … your video def helped but I am having an issue when resizing the window …. Specifically when shrinking the main window … when I reduce the size the header text overlaps with the body and it becomes a jumbled mess … all of my settings appear to be exactly like yours …. Any ideas of what could be wrong

[@learnuxid]

See my latest video on master auto layout

[@moajmasti416]

Congratulations you learnt it

[@learnuxid]

Thanks for the comments

[@learnuxid]

Thanks for your comments

[@moajmasti416]

Wowowow what’s colors and buttons 🤣🤣🤣

[@learnuxid]

Alhumdulillah

[@moajmasti416]

🤣🤣🤣 decent button

[@learnuxid]

Thanks

[@moajmasti416]

😂😂😂😂😂

[@learnuxid]

Thanks

[@moajmasti416]

Auto frames 🤣🤣🤣🤣

[@learnuxid]

Yes, we are all humans