Responsive Web Design in Figma - Part1 | Landing Page UI Design | Figma Masterclass

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 8x8 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 👀👇🏾-

#responsive #webdesign #ui #website

—————————————

—————————————

⬇️ Source File DOWNLOAD:
—————————————

🧑🏽‍💻 Most Useful Tools Links:

🎁 promo code: FREE 3 months (partner25proyearly)
—————————————

🌴 Resources:
—————————————

Let's CONNECT on social media and say Hi!!

—————————————

I would be very happy 🙂 If you decided to Subscribe:

[Itzmalaika-lw]

Ive been trying to understand auto layout for God knows how long. but this video even without an audio taught me how to make responsive designs. Appreciate it

[uixDesignAcademy]

Hi Friends, Finally I post Web Design Landing page tutorial, Please drop your suggestions & feedback about this tutorial and I would be very happy if you decided to subscribe, like & share. Thank you

[tarisyahtaskiyakhalbu]

As beginner, I always create a page more than 1 hour because I don't have any ideas. But, when I see you videos, oh my god my work is too late😭 I'll keep practicing until I can create a page in a minute:")

[jlif]

Great video! If you have something like this but with audio and talking about your design decisions it will be a glory

I’ve learned SO MUCH in 41 minutes, seriously!

[uifry]

I'm blown away by the attention to detail in this video. Every element of the user interface is thoughtfully designed and beautifully presented."

[sayamjoy]

Please drop a video after 2/3 days, i want more like this type of video. Doing more web landing page design tutorial

[ListenandRelaxingAsmr]

Great tutorial, love the shadow plugin, it makes my life easy. Making a perfect shadow was a challenging task for me. I have tried different ways but trying for a shadow like you done. Thanks for sharing plugins.

[shaziakhan]

You're really helping me in UI UX Design field. I found this tutorial super useful & exactly what i was looking for a lnafing page design in figma. Looking forward for next part of responsive mobile version. Keep it up!!! Thank you

[sarad]

This tutorial I was waiting for ✌️ It’s really helpful. Please keep continue for more Webdesign UI UX tutorials👍👍

[AbdulazizAlAzmi-puns]

I like your video presentation. It is informative too, at the same time. Thanks a lot for your guidance!

[theclown-channel]

Hi, love the tutorial... Would suggest you use a Royalty free sound instead of leaving the whole video silent

[alifiasals_]

Thank you, this is so helping me to learn UI Design. Love it! 💙💙

[astrology-]

Subscrize done becuz u provided design file in description.🤩

[raghumani]

Great video. It's very easy for the beginners

[SanthoshKumar-vjmc]

It's really helpful.... voice pottu irukalam

[lorenzobrandimarte]

Great video! I have a complex question. When you designed the three squares in the hero, was that inspired by something or it was made on “purpose”? For example, you could just use a single square, instead of three images.
I ask this because sometimes my designs look similar, lacking that distinctive touch. Hope the question is clear, cheers! 😁

[clflevita]

Great tutorial, the visuals look great. Could you by any change make another video adapting this design on Elementor?

[minutedesign]

That's look like a great tutorial and is a great project to practice. Love the creativity. Can i get source plzzz?

[teacherwaseemheight]

Is there a reasons why no components are made? It would make the shadow effects, buttons, icon placement with text, event cards much easier to make.