How To Design A Landing Page In Figma

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

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

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

    This video was full of so many useful tips for Figma, as well as for overall design! I love your coding videos but you explain design so well too. Thanks for the amazing tutorial, Kyle!

  • @battelman12
    @battelman12 4 ปีที่แล้ว +5

    I swear tracking has gone too far, you always seem to know what I want to learn more about. Awesome vid as always!

  • @angiehidalgo5190
    @angiehidalgo5190 4 ปีที่แล้ว +7

    Never been this early. I was just with codecademy but your channel inspired me to go further. Now I'm taking this seriously :D

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

      That is awesome! Good luck on your journey

  • @uliok74
    @uliok74 3 ปีที่แล้ว

    Thank you for the awesome content. I literally opened the Figma for the first time and already discovered so many useful tips. I’m really proud of my design. Thanks

  • @muhammadrizkiramadhan8557
    @muhammadrizkiramadhan8557 4 ปีที่แล้ว +4

    Haha great timing. I'm making a website and i was confuse how the landing page should look like..

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

    Thank you so much for the video!!!

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

    Really good tutorial, thanks!

  • @maskman4821
    @maskman4821 4 ปีที่แล้ว

    wow, Mr. Kyle has released UI/UX tutorial/course, that's exactly what I've been looking forward to. I have no idea how to select colors, make the page looks great, and a lot of animations and etc. Mr. Kyle even has a css course this would be wonderful, I highly expect that, hope the course mentions about tons of techniques like slideing menu, using before/after pesudo create stunning effect and of coures animations and transitions, etc. It is really good news to know !!!

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

    Next implement this with functioning email, youtube videos running in the page etc :)

  • @timwinchester9813
    @timwinchester9813 3 ปีที่แล้ว

    love the fps of the video

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

    Does Figma give a print out or easy way to see the sizes, spacing, element details or you have to click in each one to find one when recreating your design?

  • @digigoliath
    @digigoliath 4 ปีที่แล้ว

    Yay, Web design with FIGMA!!!!

  • @WrongAkram
    @WrongAkram 4 ปีที่แล้ว

    Great job 👍🏽

  • @P4P1_
    @P4P1_ 4 ปีที่แล้ว

    Nice tutorial, very explicative

  • @priyamvashi2187
    @priyamvashi2187 4 ปีที่แล้ว

    Sweet and Simple. :)

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

    good video
    I hope you keep update :)

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

    That button has 2.56:1 contrast ratio and fails WCAG tests, i didnt tested for that button size.Just saying if this vas small/medium button it fails accessability test but i think this large button fails too. Love your videos, I hit like just wanted to point out.
    p.s. Im talking about blue button "Learn More"

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

      That is a really good point. I really wasn't focused on accessibility when designing this page since it was more so for teaching specific concepts in the course, but that is something I should have considered more.

  • @DailyIntern
    @DailyIntern 4 ปีที่แล้ว

    Thanks brother.

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv 4 ปีที่แล้ว +1

    How to handle callback hell..what is callback helll it use ?

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

    Awesome but how do you get it from figma design to HTML / CSS?

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

    Hi, can you make a mongoose crash course!

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

    That was all about drawing. I just wonder but how to move/convert that all stuff to make it real same looking website?

  • @rangabharath4253
    @rangabharath4253 4 ปีที่แล้ว

    Awesome

  • @ZA-we6ii
    @ZA-we6ii 4 ปีที่แล้ว

    Hello, I have a question: Is it possible to make a TH-cam downloader website with javascript? If so, can you give me some tips? Thanks!

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

    Can this be exported to pure HTML and CSS?

  • @alebm82
    @alebm82 4 ปีที่แล้ว

    Big thumb form you

  • @the_awakening_msaha5132
    @the_awakening_msaha5132 4 ปีที่แล้ว

    Please also upload a video "how to make a logo using figma" like www.fidalgo.dev

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

    Knock knock
    Who is there?
    Figma
    Figma who?
    ...
    Dammit!

  • @moranrosenthal601
    @moranrosenthal601 3 ปีที่แล้ว

    How about a layout grid? auto layout? components? A safe zone for those who don't have a side screen? That's not professional :\

  • @tripore
    @tripore 4 ปีที่แล้ว +4

    If that tool could save as plain HTML5 code, it would be usefull. Otherwise that's just a drawing tool which very few deveopers need.

    • @WebDevSimplified
      @WebDevSimplified  4 ปีที่แล้ว +6

      Being able to quickly and efficiently design mockups for a course is incredibly useful. Making a design in a tool like this is much quicker than coding it up in HTML/CSS and makes iterating on a design much easier.

    • @ianthehunter3532
      @ianthehunter3532 4 ปีที่แล้ว

      Well you do get a "css code" option

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

      Kit Tejido you are right!
      Even a simple sticky note design is easier to design in figma, then i can use the colours there and style it; rather than hardcoding something from my head and tweaking it endlessly.

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

      How is it not useful? Why doesn't it save as html/css/js and link a database by itself and setup email subs then generate google adword campaign? Are you living in the 4th dimension or something?

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

      @@darksnow1111 That's the future

  • @eberehislight.
    @eberehislight. ปีที่แล้ว

    Thank you so much for this amazingggg video!!!
    I really appreciate all the tips and tricks mentioned.
    God bless you all 😊
    👏🤍