Make Your Website Design Fully Responsive | Figma Tutorial

Поділитися
Вставка
  • Опубліковано 2 гру 2024

КОМЕНТАРІ • 121

  • @lillanikoletti6387
    @lillanikoletti6387 8 місяців тому +25

    I never leave comments on videos but this time I had to. This video helped me so much with auotlayout and responsive design. I tried watching other videos and they show how to do responsive design in a specific section of the website but never the whole website so it was really difficult to understand. But you showed us how to do it!! Thanks!

    • @uixDesignAcademy
      @uixDesignAcademy  8 місяців тому +2

      glad its helped you & thank you for your feedback, please keep watching my channel & learn more :)

    • @leticiamarques2553
      @leticiamarques2553 7 місяців тому

      I totqlly agree! thank you very much!

    • @uixDesignAcademy
      @uixDesignAcademy  7 місяців тому

      Thank you 😍

  • @abithaayyappan5112
    @abithaayyappan5112 24 дні тому +3

    worth for spending half an hour, thank you so much

    • @uixDesignAcademy
      @uixDesignAcademy  24 дні тому +2

      Glad you found it helpful! 👍 and enjoy it 😍

    • @abithaayyappan5112
      @abithaayyappan5112 24 дні тому +1

      @@uixDesignAcademy can you suggest me video about styles and variable I have watched more still I am not get it.

  • @ReneeGadbois
    @ReneeGadbois 21 день тому +1

    I never leave reviews but THANK YOU! This is so helpful.

    • @uixDesignAcademy
      @uixDesignAcademy  21 день тому +2

      Great to hear that, I'm always trying to make my content better! 😍

  • @adamonosiruolamilekan3928
    @adamonosiruolamilekan3928 7 місяців тому +5

    Not dropping a comment would make me an ingrate. I have explored YT for responsiveness tutorial, but what I have seen most has been how to set the page of different screens for responsiveness, but I still do not get it. You made it very simple and well-explained. Thank you very much.
    You now have a new subscriber!

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому +1

      Wow glade its helping you after exploring UA-cam. I have more upcoming tutorials in details, you can watch it to polish your skill 🙂

  • @1minutedesign
    @1minutedesign 4 місяці тому +6

    Best of best tutorial, finally learn responsive design from this video ❤

  • @maheshikabandara1677
    @maheshikabandara1677 3 місяці тому +1

    Every beginner need to see this. Thank you so much!

  • @HARUN-AKSU
    @HARUN-AKSU 2 дні тому

    4:46 Could you please clarify why you selected "Auto Layout" if you were going to select "Absolute"? It seems like an unnecessary step.

  • @nikunjlike
    @nikunjlike 7 місяців тому

    I faced issues with the responsiveness of the hero section especially on the image, whenever I tried before image did stretch. I checked so many videos but did not find solutions. Here in this video, you explained very well, and my issue has been resolved. Thank you very much. Appreciated.

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому +1

      Thank you for your explained feedback 👍, glade this tutorial helps you a lot. I'm making more tutorials in details so it helps you more 😍

  • @TehreemHassan-io8ce
    @TehreemHassan-io8ce 9 місяців тому +2

    I learned alot from you ....I have a request to make complete website with different pages based on components variants and prototyping

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +2

      Sure, I have it in my to do list. stay tuned 😝

    • @design.with_manish
      @design.with_manish 6 місяців тому

      @@uixDesignAcademy it's more than 2 moths and when it will be available ?

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому

      Its taking time, stay tuned 😍

  • @SanjayMistry.
    @SanjayMistry. 8 місяців тому +1

    Hi Asim, Thank you for the great video; very helpful. 🙏

  • @ldristt
    @ldristt 8 місяців тому +1

    Hey there, Asim! love this one. I was wondering, do you have a specific video about auto layout? I wanna learn it fully from you 🙏🏻

    • @uixDesignAcademy
      @uixDesignAcademy  7 місяців тому +1

      Thank you for your interest & glad you like my videos, I have upcoming tutorials in details on figma basics, auto layout & components, you can watch it then so it will be easy to understand.

  • @lawalabiodun6922
    @lawalabiodun6922 6 місяців тому

    Thank you for the tutorial, it help me to get information of how responsiveness should be design.

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому

      Glad it was helpful!😍 I have upcoming tutorial on responsive & will follow different methods on each. so stay tuned 😝 and eyes on my tutorials 👀
      Also I am plaining to publish a course & setup online classes.

  • @0121sheva
    @0121sheva 2 місяці тому

    Perfect as usual !

  • @OluwafemiIsaac-z2s
    @OluwafemiIsaac-z2s 7 місяців тому

    You kill it, this is really amazing!!!

  • @javedakhtar7596
    @javedakhtar7596 8 місяців тому +1

    Learned from it

    • @uixDesignAcademy
      @uixDesignAcademy  8 місяців тому

      Happy its helped you & you have learn from it 😍

  • @jawwadhaider985
    @jawwadhaider985 5 місяців тому

    Thanks for sharing i was looking for this type of video
    Hopefully I'll learn Responsive web design
    I'll practice tomorrow

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      great of course you will learn responsive, Happy its helping you, keep watching & learn 🙂

    • @jawwadhaider985
      @jawwadhaider985 5 місяців тому

      @@uixDesignAcademy keep sharing

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому

      Sure 👍

  • @sk.hasibmahmood9989
    @sk.hasibmahmood9989 26 днів тому

    Thanks for this tutorial

  • @rugiyyahuseynova0910
    @rugiyyahuseynova0910 4 місяці тому

    Excellent video for responsive.Thanks

  • @matheuswebmkt1
    @matheuswebmkt1 7 місяців тому

    Cara, você fez isso parecer tão fácil, não que seja difícil, mas sua forma de aplicação é fluida e de fácil compreensão. De início, pra quem está tendo as primeiras impressões e começando a trabalhar com o auto-layout do Figma, pode parecer meio assustador e difícil tarefa, mas pra quem já possui uma base e entende como funciona os fundamentos, após ver seu vídeo, com certeza não restará mais dúvidas, sua maneira de aplicar o auto-layout é bem eficiente e percebi que faz tudo baseado nos contêiners do Elementor. Obrigado pelo vídeo!

    • @uixDesignAcademy
      @uixDesignAcademy  7 місяців тому

      Yes responsive design user must have knowledge of auto layout, components & figma basics. so it will be easy to understand.

  • @slavisatesovic3754
    @slavisatesovic3754 Місяць тому +1

    Voice for sleeping :)

  • @TehreemHassan-io8ce
    @TehreemHassan-io8ce 9 місяців тому

    Thankyou ...I was waiting for it 👍

  • @acyosama
    @acyosama 9 місяців тому

    Sir ur explanation isssss soooo coolll and ur english is very very very beatiful for clearly understanding ... and sir i request u that ure make a vedio on mobile web site with dashborad ... i mean that u make a fullll website for mobile ...plzzzzzzzz

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Thank you & glad you like it 😍, sure I have a plan to make complete responsive website design.

  • @kanzaimtiaz7613
    @kanzaimtiaz7613 8 місяців тому

    Wonderful, best of best video . Keep it up🎉

  • @Jasminethegoat
    @Jasminethegoat 2 місяці тому

    Really informative ....thanks

  • @snehalpsujeesh8260
    @snehalpsujeesh8260 20 днів тому

    thank you!!

  • @abimanyu-ob3lf
    @abimanyu-ob3lf 3 місяці тому

    best video ever man...❤❤❤🎉🎉🎉🎉

  • @BrunaMarzarotto
    @BrunaMarzarotto 5 місяців тому

    Thank you for share this video! It really helped me :)

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      Glad it helped! Thanks you for watching 😍

  • @radovanradovan7742
    @radovanradovan7742 5 місяців тому

    What is the minimum font size for h1 titles? 32px or maybe less? Thank you for video!😊

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      yes you can use unto 32px, but its depends on font family & responsive, so may it work differently .

  • @Yuveraaj07_bajwa
    @Yuveraaj07_bajwa 3 місяці тому

    Can anyone please explain the reason behind the number of auto layouts applied on one container?? He applied 1 autolayout for customer reviews right columns and 2 auto layouts for images. Confused as helllllll.

    • @uixDesignAcademy
      @uixDesignAcademy  3 місяці тому +1

      Please respond on our discord so you can get an explained answer.

  • @uifry
    @uifry 9 місяців тому

    Beautiful work :)

  • @sarad3666
    @sarad3666 9 місяців тому +1

    The best & easy way. Can you please provide source 😉?

  • @windowsxp4642
    @windowsxp4642 9 місяців тому

    I'm still a beginner in responsive design, when working on client projects, do you use this method more often or the method in the previous tutorial?

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +2

      I use this method mostly. there are different ways to make responsive layout, you can use this method 😍

  • @bushramubashir1273
    @bushramubashir1273 6 місяців тому

    very impressive. .but I have one issue after header when u added a auto layout in image...it didn't work the same in my project as I follow u step by step...but don't know what to do now/ kindly assist on this .

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому

      Thank you, I am not sure what issue you get exactly, If this issue still happens, you can ask me so we can discuss it & solve your issue. 🙂

  • @mustofa2509
    @mustofa2509 25 днів тому

    Thanks a lot

  • @MonishaR-b2l
    @MonishaR-b2l 9 місяців тому +1

    Portfolio video pls

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +2

      Noted your request, Ill make video on portfolio 😍

  • @apoorvaashanmugham9778
    @apoorvaashanmugham9778 5 місяців тому

    I have one doubt, hero section does not contain fill container option. Only container section have it. Then, how did you done fill container in header screen hero section.

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      Can you please mentioned exact timestamp, where you have issue, so ill look into it and explain it 😍

    • @apoorvaashanmugham9778
      @apoorvaashanmugham9778 5 місяців тому

      @@uixDesignAcademy It solved finally I learnt responsive design😊

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      Great 👍

  • @MamunMiah-tw6gf
    @MamunMiah-tw6gf Місяць тому

    very nic video for biganar.

  • @DanielOtekpen
    @DanielOtekpen Місяць тому

    Please, how did you turn the background into an auto layout. You skipped that part in the video

    • @uixDesignAcademy
      @uixDesignAcademy  27 днів тому +1

      Can you please mention the specific time where you need help, so I can explain it 😍

  • @jaykaralkar
    @jaykaralkar 5 місяців тому

    how did you turn the hero sections image grounp in one image?

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      the image to make it group cmd+G so it will get group & then you can apply auto layout.

  • @shaiynasaini5538
    @shaiynasaini5538 4 місяці тому

    Everything work properly ....they are responsive but as soon as i start changing fixed to fill container it doesn't maintain grid

    • @uixDesignAcademy
      @uixDesignAcademy  4 місяці тому +2

      Please watch complete tutorial, I have explained everything 😍

  • @ListenandRelaxingAsmr
    @ListenandRelaxingAsmr 9 місяців тому

    Awesome, it's helpful. Please provide source file

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому

      Thank you 😍, sure ill upload it & share the link

  • @kstudio98
    @kstudio98 3 дні тому

    what happen to the background?

  • @bushramubashir1273
    @bushramubashir1273 6 місяців тому

    kindly assist...I want to ask many questions coz I have many issues about this video.. plz answer me

  • @surenderpalsingh6508
    @surenderpalsingh6508 3 місяці тому

    Whenever i am trying to apply auto layout its spoiling my who design which i setup how to deal with it?

    • @uixDesignAcademy
      @uixDesignAcademy  3 місяці тому +2

      When you apply auto layout so make sure to check the frame property for horizontal resizing section, which option you choose. you can play with it. If this is still an issue so please share screenshot on discord with me and ill look into it.

    • @surenderpalsingh6508
      @surenderpalsingh6508 3 місяці тому

      Thankyou but facing the same issue could you please provide me ur discord

  • @Just_Chelle
    @Just_Chelle 24 дні тому

    Pls where is the link to show how you designed this website

    • @uixDesignAcademy
      @uixDesignAcademy  24 дні тому +1

      here is link of the web page design: ua-cam.com/video/VoP-ZPJTepI/v-deo.html

  • @prasadwadekar805
    @prasadwadekar805 7 місяців тому

    I triedd very hard but didnt successfull. There's no option showing for fill Container for header group and other as well

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому +2

      If still you have the issue, you can ask me so we can discuss further where & what issue exactly you have.

  • @nguyentuan7704
    @nguyentuan7704 9 місяців тому

    Beautiful work you have right there! Can you share us the figma source file

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Please use source link in the description 😍

  • @vincentnoske8880
    @vincentnoske8880 2 місяці тому

    I cannot download the file ?
    do i have to pay 3 dollar to follow along?

  • @rinkoizumi6411
    @rinkoizumi6411 9 місяців тому

    so the programmer need to coding all the page?

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Not all, I think it will require some works to make fully responsive 😝

  • @ramaqq1057
    @ramaqq1057 4 місяці тому

    why did everybody prising this, so much content is missing in this video.........
    what happens in 09:52, lol

  • @areeshaafridi2697
    @areeshaafridi2697 3 місяці тому

    why were you using auto layout twice on the exact same thing ?

    • @uixDesignAcademy
      @uixDesignAcademy  3 місяці тому

      Please watch it again so yo will understand why its necessary 🙂

  • @malicharis7924
    @malicharis7924 9 місяців тому

    bro plz make whole website from start i cant understand it plz

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +2

      Please watch this link for website design from start : ua-cam.com/video/VoP-ZPJTepI/v-deo.html

    • @malicharis7924
      @malicharis7924 9 місяців тому

      @@uixDesignAcademy thanks bro ♥

  • @akashahmed9313
    @akashahmed9313 9 місяців тому

    please share the figma fill

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Please use figma source link in the description 😍

  • @chatr9265
    @chatr9265 3 місяці тому

    13:47

  • @ChristineZhang-xf6iv
    @ChristineZhang-xf6iv 5 місяців тому

    :10:04