Make Your Website Design Fully Responsive | Figma Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

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

  • @lillanikoletti6387
    @lillanikoletti6387 9 หลายเดือนก่อน +27

    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  9 หลายเดือนก่อน +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 😍

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

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

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

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

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

    worth for spending half an hour, thank you so much

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

      Glad you found it helpful! 👍 and enjoy it 😍

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

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

  • @rijaslyan6376
    @rijaslyan6376 8 วันที่ผ่านมา

    Thank you so much I have been searching for this type of tutorial ❤❤❤

    • @uixDesignAcademy
      @uixDesignAcademy  8 วันที่ผ่านมา +2

      I'm happy you found it useful! 😊

  • @1minutedesign
    @1minutedesign 5 หลายเดือนก่อน +6

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

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

      Glad it helped & you have learnt. 😍

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

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

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

      Glad it was helpful and you like it 😍

  • @SanjayMistry.
    @SanjayMistry. 9 หลายเดือนก่อน +1

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

  • @adamonosiruolamilekan3928
    @adamonosiruolamilekan3928 8 หลายเดือนก่อน +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  7 หลายเดือนก่อน +1

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

  • @HARUN-AKSU
    @HARUN-AKSU 27 วันที่ผ่านมา

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

  • @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  8 หลายเดือนก่อน +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.

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

    Perfect as usual !

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

    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  7 หลายเดือนก่อน +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 10 หลายเดือนก่อน +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  10 หลายเดือนก่อน +2

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

    • @design.with_manish
      @design.with_manish 7 หลายเดือนก่อน

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

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

      Its taking time, stay tuned 😍

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

    Wonderful, best of best video . Keep it up🎉

  • @Designarclight-z2s
    @Designarclight-z2s 8 หลายเดือนก่อน

    You kill it, this is really amazing!!!

  • @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 👍

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

    Learned from it

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

      Happy its helped you & you have learn from it 😍

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

    Excellent video for responsive.Thanks

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

      Glad it was helpful! Thank you 😍

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

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

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

      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.

  • @TehreemHassan-io8ce
    @TehreemHassan-io8ce 10 หลายเดือนก่อน

    Thankyou ...I was waiting for it 👍

  • @sk.hasibmahmood9989
    @sk.hasibmahmood9989 หลายเดือนก่อน

    Thanks for this tutorial

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

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

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

      Glad it helped! Thanks you for watching 😍

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

    Really informative ....thanks

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

      Glad it was helpful! Thank you 😍

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

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

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

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

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

    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  8 หลายเดือนก่อน

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

  • @abimanyu-ob3lf
    @abimanyu-ob3lf 4 หลายเดือนก่อน

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

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

    Beautiful work :)

  • @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.

  • @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 .

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

    thank you!!

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

      I'm glad you found it helpful! 👍

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

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

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

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

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

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

    • @uixDesignAcademy
      @uixDesignAcademy  4 หลายเดือนก่อน +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 4 หลายเดือนก่อน

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

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

    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 😍

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

    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  10 หลายเดือนก่อน +2

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

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

    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  10 หลายเดือนก่อน +1

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

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

    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 👍

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

    Voice for sleeping :)

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

    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 หลายเดือนก่อน

    Thanks a lot

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

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

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

      here is link of the web page design: th-cam.com/video/VoP-ZPJTepI/w-d-xo.html

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

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

  • @kstudio98
    @kstudio98 27 วันที่ผ่านมา

    what happen to the background?

  • @MamunMiah-tw6gf
    @MamunMiah-tw6gf 2 หลายเดือนก่อน

    very nic video for biganar.

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

      Thank you and glad its helping you 👍

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

    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.

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

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

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

      Thank you 😍 & sure ill upload it soon

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

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

  • @MonishaR-b2l
    @MonishaR-b2l 10 หลายเดือนก่อน +1

    Portfolio video pls

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

      Noted your request, Ill make video on portfolio 😍

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

    so the programmer need to coding all the page?

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

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

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

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

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

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

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

    Awesome, it's helpful. Please provide source file

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

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

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

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

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

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

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

      Please use source link in the description 😍

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

    please share the figma fill

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

      Please use figma source link in the description 😍

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

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

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

      Please watch this link for website design from start : th-cam.com/video/VoP-ZPJTepI/w-d-xo.html

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

      @@uixDesignAcademy thanks bro ♥

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

    13:47

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

      any issue?

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

      @@uixDesignAcademy no I just saved the time to watch this video later on 😅

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

      😝🤔

  • @ChristineZhang-xf6iv
    @ChristineZhang-xf6iv 6 หลายเดือนก่อน

    :10:04