Dear Friends, In this Figma Masterclass I’m going to show you how to create responsive web design in figma. I’ll design travel website home page Part 1 for Desktop & convert it into responsive mobile version in Part 2. In this Speed UI Design figma tutorial you’ll learn figma responsive web design for a landing page using figma Auto layout to make the page ui ux design mobile friendly so it work fine on desktop, tablet & mobile & this is the best tutorial for the figma users who struggle how to covert desktop design(responsive) into mobile.
In this UI Design tutorial im using 12 columns layout with 8×8 grid system to make the landing page design properly aligned with spacing, padding & margins in every single item to look consistent. I’m figma plugins to make the process easy with help of these plugins Unsplash, Freepik, Pexels, Beautiful shadows, Type scales, Batch styler, Vector logos, UI faces, Colour hunt.
Please drop your suggestions & feedback about this tutorial and I would be very happy if you decided to subscribe, like & share. Thank you
🧑🏽💻 What to WATCH Next 👀👇🏾-
Mobile responsive tutorial part 2: https://youtu.be/Jz51jYRB_kE
#responsive #webdesign #ui #website
✅ Figma Download : https://psxid.figma.com/z2wz3bjjbrdi
—————————————
💜 Support me: BUY ME A COFFEE: https://www.buymeacoffee.com/uixdesign
—————————————
⬇️ Source File DOWNLOAD:
https://www.figma.com/community/file/1243486162245593034
—————————————
🧑🏽💻 Most Useful Tools Links:
👉🏾 FigJam AI: https://psxid.figma.com/q2w0mzgr7pi8-pc46ii
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉🏾 Framer: https://bit.ly/3vNQA3u
🎁 promo code: FREE 3 months (partner25proyearly)
—————————————
🌴 Resources:
Figma Community: https://www.figma.com/@uixdesign
Dribbble: https://dribbble.com/uixdesign-me
—————————————
Let’s CONNECT on social media and say Hi!!
https://www.instagram.com/uixdesign.me/
https://web.facebook.com/uixdesign.me
Tweets by uixdesign_uiux
@uixdesign
—————————————
I would be very happy 🙂 If you decided to Subscribe:
https://bit.ly/3So60Ei
source