Responsive Landing Page Design in Figma - Part 2 | Figma Tutorial for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ธ.ค. 2024
  • In this Responsive landing page design in figma - part 2, I have created responsive design for tablet, mobile from desktop.
    Responsive web design, landing page design Part-1:
    • Responsive Web Design ...
    This Figma tutorial is for beginners with complete step by step process to figma responsive design with speed ui design.
    Source File:
    www.figma.com/...
    #responsive #website #mobile #tutorial #figma
    ===========
    Please Subscribe to the UIX UNIVERSITY YT Channel:
    / uixuniversity
    ===========
    Let's CONNECT on social media and say Hi!!
    UIX Facebook: @uixdesign.me
    UIX Instagram: @uixdesign.me
    UIX Twitter: @uixdesign_uiux
    UIX TikTok: @uixdesign
    UIX Dribbble: @uixdesign
    ===========

ความคิดเห็น •

  • @sharjeelarshad5899
    @sharjeelarshad5899 ปีที่แล้ว +3

    to be very Honest I was very scared of auto layouts and responsiveness but thanks to you, you made it very clear right from the start.

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว +2

      Thank you very much for you interest 😍

  • @FarhanaAfia-v3h
    @FarhanaAfia-v3h หลายเดือนก่อน

    after saw this video I lost my previous nervousness about responsiveness . its seems so easy and clean process to do. Thank you so much.......😇

    • @uixDesignAcademy
      @uixDesignAcademy  หลายเดือนก่อน +1

      Glad you liked it 👍 also watch other responsive video on my channel. you will love it. there I shows another way for responsive.
      th-cam.com/video/n4rZtsNAboI/w-d-xo.html

  • @FAHADAHMAD-gt6xz
    @FAHADAHMAD-gt6xz ปีที่แล้ว +1

    bro that was so helpful and detailed, I was struggling with responsiveness. I learned so many things from you. Thank you so much bro.

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Glad it helped you! 😍 Thank you for your interest 👍

  • @shaziakhan6809
    @shaziakhan6809 ปีที่แล้ว +2

    It just opend my mind about responsive👍 i like the way you did with responsiveness

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว +1

      Thank you and im happy it helps you....😍

  • @jubayer6906
    @jubayer6906 ปีที่แล้ว

    Thanks for the awesome tutorial. Keep creating bro!

  • @shilpasharma54
    @shilpasharma54 10 หลายเดือนก่อน

    Amazing 😍

  • @Salmancreationbd
    @Salmancreationbd หลายเดือนก่อน

    great video. thanks

  • @ewuolajide6241
    @ewuolajide6241 ปีที่แล้ว

    good work

  • @radhikachhabra1742
    @radhikachhabra1742 6 หลายเดือนก่อน

    Amazing thankyou so much..

  • @thenicholashernandez
    @thenicholashernandez ปีที่แล้ว

    When you squeeze the frame, what should you look for that you can say that the design is enough?

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Mostly I look for the grid layout, because we are following grid, so you should squeeze the frame to grid layout.

  • @corneliusluka3555
    @corneliusluka3555 4 หลายเดือนก่อน

    That is very good sir, Can you create a F tutorial from the basics for beginners and don't be fast Sir thank you

    • @uixDesignAcademy
      @uixDesignAcademy  4 หลายเดือนก่อน +1

      You can watch this one with voice & normal speed th-cam.com/video/n4rZtsNAboI/w-d-xo.html

  • @Paul_light
    @Paul_light ปีที่แล้ว

    A newbie question
    When the developer is working on the website, would he develop each component to match with the design created, like would he code several versions of a websits
    Or there's a simple code for squeezing everything

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Dev have options available to make it responsive, so only some work will required to organise elements to look same as design.

  • @1minutedesign
    @1minutedesign ปีที่แล้ว

    Great, can you make a tutorial on simple layout for responsive, so that would be appreciated

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Yes sure, I have noted, Ill make a tutorial on simple layout for responsive...👍

  • @danishzaffar
    @danishzaffar 4 หลายเดือนก่อน +3

    Bro, video is good obviously but it would have been 1000 times more helpful with sound ....

    • @uixDesignAcademy
      @uixDesignAcademy  4 หลายเดือนก่อน +1

      Please watch this tutorial with sound th-cam.com/video/n4rZtsNAboI/w-d-xo.html

    • @danishzaffar
      @danishzaffar 4 หลายเดือนก่อน +1

      ​@@uixDesignAcademyIs it the same design?

    • @uixDesignAcademy
      @uixDesignAcademy  4 หลายเดือนก่อน +1

      It's different design but the responsive method is advance. it will help you a lot.

    • @danishzaffar
      @danishzaffar 4 หลายเดือนก่อน

      @@uixDesignAcademy Sure thanks, brother may I get your WhatsApp contact number if possible

    • @danishzaffar
      @danishzaffar 4 หลายเดือนก่อน

      @@uixDesignAcademy this one is better bro but without sound 😔

  • @Abirami030
    @Abirami030 ปีที่แล้ว

    I need a tutorial for Brutalist (Brutalism) Design? You have any idea about that .

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว +1

      Yes. I have an idea about it, I'll try to make a tutorial on it for you. Thanks

  • @pizzahaaha
    @pizzahaaha 8 หลายเดือนก่อน

    please add voice over on your videos explaining everything you did.

    • @uixDesignAcademy
      @uixDesignAcademy  8 หลายเดือนก่อน +1

      Yes sure, I have voice on my latest tutorials, you can watch my latest Web design responsive video with English voice, also I have plan to add voice to the older videos 😍

  • @RbTt-m3z
    @RbTt-m3z ปีที่แล้ว

    Hi, how can I make the navigation bar work?

    • @RbTt-m3z
      @RbTt-m3z ปีที่แล้ว

      With one page only?

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      do you mean landing page? so you can add scroll to sections.

  • @TahiraAhamad
    @TahiraAhamad 7 หลายเดือนก่อน

    from where you take patterns

    • @uixDesignAcademy
      @uixDesignAcademy  7 หลายเดือนก่อน +1

      you can find stuffs from freepik, & images from unsplash & pexels.

  • @muhammadmuftiali1587
    @muhammadmuftiali1587 10 หลายเดือนก่อน

    Have you always used this method when working on responsive design projects?

    • @uixDesignAcademy
      @uixDesignAcademy  10 หลายเดือนก่อน

      I followed different ways, I'll make tutorials next on all these methods for making responsive design. so please Stay Tuned & keep connect to the channel 😍✌️

    • @muhammadmuftiali1587
      @muhammadmuftiali1587 10 หลายเดือนก่อน

      @@uixDesignAcademy I already subscribed, I'm waiting for more responsive tutorials for my work needs 🔥🔥

  • @_shmalyous1213
    @_shmalyous1213 ปีที่แล้ว

    Thanks for your effective lessons 🤍
    Hope you add a calm music to the next ones.
    Plese send me the resources file and thank you.

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Thank you for your interest, Please find source file and Like, share...🙂
      www.figma.com/community/file/1242383980771579992
      sorry the delay & sure I have noted your suggestion to add clam music👍,

  • @HarshitDubey-rh1bq
    @HarshitDubey-rh1bq 10 หลายเดือนก่อน

    Bro how to generate html and css on figma. Pls make it video on it . Pls bhai

    • @uixDesignAcademy
      @uixDesignAcademy  10 หลายเดือนก่อน

      Noted, ill try to. make a video on it 😍

  • @bingbangboomxx
    @bingbangboomxx 3 หลายเดือนก่อน

    Is there no audio?

    • @uixDesignAcademy
      @uixDesignAcademy  3 หลายเดือนก่อน +1

      Yes, you can watch this responsive web design tutorial with voice: th-cam.com/video/n4rZtsNAboI/w-d-xo.html

  • @nhunguyenngocquynh7357
    @nhunguyenngocquynh7357 หลายเดือนก่อน

    why i cannot hear anything in this video ?

    • @uixDesignAcademy
      @uixDesignAcademy  หลายเดือนก่อน +1

      you can watch this responsive with voice & it will help you to understand easily : th-cam.com/video/n4rZtsNAboI/w-d-xo.html

  • @ShivangiMishra-qb1ez
    @ShivangiMishra-qb1ez 4 หลายเดือนก่อน

    Sir....Figma me mujhe Redesign krna h
    Mai screenshot or pdf koi bhi file import kr rhi hu but wo edit nhi ho rha h kya kru pls....help me

    • @uixDesignAcademy
      @uixDesignAcademy  4 หลายเดือนก่อน +1

      you can't edit pdf or screenshot in Figma, you can edit only Figma file 🙂

  • @NDOSPARTAN11
    @NDOSPARTAN11 ปีที่แล้ว

    can we get source file

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      Thanks for you interest, Source link is in description, please download it.🙂

  • @SeyyedMohammadMasoudHoss-ww4yy
    @SeyyedMohammadMasoudHoss-ww4yy ปีที่แล้ว

    Could you put music on videos? 😢😢

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว +2

      There will be voice on next tutorials 😝

  • @AmazingWorld-qi4vw
    @AmazingWorld-qi4vw ปีที่แล้ว

    source file figma please

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว

      hank you for your interest, Please find source file and Like, share...🙂
      www.figma.com/community/file/1242383980771579992

  • @dwizcreation
    @dwizcreation ปีที่แล้ว

    Pls add sound to your videos. It’s boring to watch without sounds or even voice over. (Audio)

    • @uixDesignAcademy
      @uixDesignAcademy  ปีที่แล้ว +1

      Thank you for your suggestion, Ill add voice over soon 😍 to all tutorials 👍