Figma Tutorial For Beginners 2024 | Web Design of Landing Page

Поделиться
HTML-код
  • Опубликовано: 6 июл 2023
  • In this video we're going to create a cool landing page in Figma.
    Even a beginner will be able to repeat such a design and, having trained, take orders and make money online, making cool website design.
    I have a video with step by step instructions on how to set up this design on wordpress website.
    If you want to buy access to this instruction for $27, send me an email to steveditor1@gmail.com with the title "Figma website".
    My instagram:
    / steveditor

Комментарии • 84

  • @steveditor
    @steveditor  27 дней назад

    I started my journey to 100,000 followers on instagram. Every day I record videos, share news, useful tips and tricks, follow my progress here - instagram.com/steveditor.

  • @enzodagostini
    @enzodagostini Месяц назад +2

    As someone who knows nothing about Figma, this tutorial is exceptional. Thanks.

  • @speakuptv9798
    @speakuptv9798 8 месяцев назад +2

    Great tutorial , appreciated

  • @RenfausiIen
    @RenfausiIen 8 месяцев назад +3

    Thanks BTW for your efforts.
    Nice tutorial and straight forward.

  • @thebook9033
    @thebook9033 9 месяцев назад +2

    Amazing and fast time save❤

  • @InsightsWithSamTheMan
    @InsightsWithSamTheMan 8 месяцев назад +5

    Steve! I looooooooooooooooooooooooooove your model of teaching. It's so easy to follow. Thank you for your efforts.

  • @vegatables3457
    @vegatables3457 9 месяцев назад +63

    why everybody shows how to design simple landings, but no one shows full projects with prototyping all pages to get clear understanding

    • @justbad9679
      @justbad9679 6 месяцев назад +1

      So from where i can learn

    • @kiranbhalerao811
      @kiranbhalerao811 6 месяцев назад +2

      Yes you are right

    • @dolphintami2302
      @dolphintami2302 5 месяцев назад

      if you find someone to design full project please let me know

    • @looksmatteronly
      @looksmatteronly 2 месяца назад

      Bcz they ain't real product designers they are figma trolls

    • @Adormir123
      @Adormir123 Месяц назад

      "Figma tutorial for beginners" there is your answer.

  • @OnyebuchiOfunelo-dl1ve
    @OnyebuchiOfunelo-dl1ve 8 месяцев назад

    Super valuable

  • @vibhutiarya2501
    @vibhutiarya2501 7 месяцев назад

    Awesome

  • @taaqshop
    @taaqshop 6 месяцев назад +1

    Excellent Presentation with simplicity. Keep it up.

  • @KnowledgeNook6477
    @KnowledgeNook6477 7 месяцев назад +4

    Clean and smooth but detailed ❤

  • @rappolop
    @rappolop 7 месяцев назад +2

    this is where i start as web devs, ill learn more.
    btw, thank you for the vids, thats help a lot.

  • @c0de977
    @c0de977 4 месяца назад

    lovely

  • @maicon484
    @maicon484 7 месяцев назад

    nice very nice!

  • @sumanmodak7859
    @sumanmodak7859 Месяц назад +2

    Awesome awesome. Just amazing. Although I am a professional UI/UX designer I have to say your skills are insane. Very good. Keep up the good work bro.

  • @nataliejabbour4578
    @nataliejabbour4578 8 месяцев назад +1

    Reeeally helpful!!

  • @SAISSHBGMIYT
    @SAISSHBGMIYT 6 месяцев назад +4

    One of the best videos for beginners in figma. Explanation on point and clear! I would recommend to viewers to watch this until the end.

  • @whosBenne
    @whosBenne 9 месяцев назад +15

    This video is amazing, really love the simplicity and the in depth tutorial. Great job.

    • @proera2484
      @proera2484 4 месяца назад

      I see you made this comment 5 months ago. May I ask how you are doing on your design jouney ?

  • @user-tk2iw1lr3z
    @user-tk2iw1lr3z 4 месяца назад

    Super clear, I just made my first Figma design. while m developer never did design this made it so easy
    Thank you somuch

  • @MrShortcuts
    @MrShortcuts 10 месяцев назад +9

    I‘m gaining a ton of value from your videos. I appreciate the work you put into it. Keep it up! 👍

    • @steveditor
      @steveditor  10 месяцев назад +1

      Thank you. I will!

  • @sofianguyen4286
    @sofianguyen4286 3 месяца назад +1

    Thank u so much. I followed the video step by step and I’ve finished it. The result looks exactly the same with yours. So happy❤

  • @davide6932
    @davide6932 2 месяца назад

    compliments really

  • @Allcitygraphix-uc9eb
    @Allcitygraphix-uc9eb 10 месяцев назад +2

    Amazing video learn alot. Have some confusing does it necessary to create separate section for different part of landing. Like even we can design in one frame instead of creating separate.

  • @mbhayes3127
    @mbhayes3127 6 месяцев назад +2

    Hi Steve... first - wonderful wonderful insightful Figma tutorial video!!! Very well done... just like the styling of the video, pace, and content presented.. a complete start to finish look in 17 minutes though it took WAY LONGER lol with me trying to practice and duplicate it for myself in Figma. That said, sorry if I missed this... I noticed throughout heavy usage of Ctrl-Alt-G to group objects into a frame... With all of the emphasis on RESPONSIVE this and that these days... am I correct since there weren't many if any SHIFT-A s used... I'll have to go back to SHIFT A (auto layout) everything in order to make it RESPONSIVE... CORRECT? Just checking before I have to reinvent the wheel. Either way I am immensely grateful and thankful for what you have provided here!!!

  • @user-uh1km2yn4o
    @user-uh1km2yn4o 7 дней назад

    Thank youuuu so you for this video, very helpful.❤
    Short and detailed.🤗

  • @_ezxotc12
    @_ezxotc12 2 месяца назад

    Great teaching ❤😊

  • @hamissoum.barmou8795
    @hamissoum.barmou8795 Месяц назад

    This video is precious

  • @MAB015
    @MAB015 9 месяцев назад +2

    Thanks a lot for sharing.
    I have some experience designing most webapps and mobile application, but I want to design great Landing pages.
    Doing a landing page as this one, how much do you think to charge in usd? One of 4 sections.

  • @maviuki
    @maviuki 5 месяцев назад +1

    please do more videos about that, i would learn so soo much i begging you

  • @user-pn9cl5kj9b
    @user-pn9cl5kj9b 8 месяцев назад +4

    you are the best teacher, God bless you with more wisdon

  • @ruthoyewusi7033
    @ruthoyewusi7033 7 месяцев назад +1

    thank you so much.. i recreated a nice replica😁😁😁

  • @ecombrand1
    @ecombrand1 9 месяцев назад +2

    hi bro, good video. can you show how I can import it to shopify?

  • @tanverkhan1771
    @tanverkhan1771 6 месяцев назад +1

    please upload more videos in landing page design in figma

  • @parsanlata
    @parsanlata 3 месяца назад

    Dear Steve ur video help me alot

  • @initial_f1054
    @initial_f1054 4 месяца назад

    very informative thank you

  • @girlchildd
    @girlchildd 7 месяцев назад +1

    Thank you.. This was really helpful.. I'm a beginner and I created a fintech landing page.. Thanks

  • @eraye6955
    @eraye6955 8 месяцев назад +3

    If i understand correctly i have to press command + option + G on Mac or Ctrl + Alt + G on WINDOWS

  • @gamadataffa5327
    @gamadataffa5327 3 месяца назад

    Great tutorial ... Clear instruction and easy steps to follow

    • @steveditor
      @steveditor  3 месяца назад +1

      Glad it was helpful!

  • @36badass
    @36badass 5 месяцев назад +1

    Hi and thanks for the video, but isn't it missing how to make the menu work and how to link between pages?
    Now I'm sitting with a nice layout, but I can't move on?

  • @karlc.5943
    @karlc.5943 2 месяца назад

    Hello, A question why do you use layout and not group ? Group is more easier to editing from what I see (beginner question) ?

  • @maviuki
    @maviuki 5 месяцев назад

    i realy learn somenthing after searching so many people whot do not teache nothing!

  • @addiseth249
    @addiseth249 8 месяцев назад +3

    How do you create links between the pages?

  • @mefmachine
    @mefmachine 9 месяцев назад +2

    Hi, Can you share the figma project of this video?

  • @jesseberhe9702
    @jesseberhe9702 10 месяцев назад +1

    First!

  • @usnxx3755
    @usnxx3755 7 месяцев назад +1

    Can anyone provide a good cheatsheet for the shortchut? Cheers.

  • @user-ju4om6un8q
    @user-ju4om6un8q 7 месяцев назад +1

    Better way than bullshit courses from non have the skills to teach
    Congrats Bro

  • @tim68z
    @tim68z Месяц назад

    But how can I use them do i have to build them again is for exampele GHL or Clickfunnels? Is this just the Blueprint?

  • @nethustle
    @nethustle 10 месяцев назад +2

    Amazing video!!! But as a beginner, what next? How do I upload to your domain?

    • @HinesEddy
      @HinesEddy 3 месяца назад

      Did you ever find out?

  • @rohmatsupriyadi3222
    @rohmatsupriyadi3222 8 месяцев назад +1

    can you make for mobile tutorial, ?

  • @uptotransform2643
    @uptotransform2643 7 месяцев назад

    Can I become a ui designer or ux designer if am only know Figma

  • @a09z111
    @a09z111 7 месяцев назад

    usfull

  • @doxenbridge
    @doxenbridge 9 месяцев назад +4

    You are hot and your videos are very useful. One thing is I would love it if you explained why you do the things you do. Why for instance create a frame why is that good. What are you trying to achieve? I find its really useful for me to copy you but I find it hard to recreate because I don't know why you did what you did. If I understood that, then I could make my own design decisions. Thank you.

  • @HinesEddy
    @HinesEddy 3 месяца назад +1

    How do you apply the finished design onto a website so you can actually have a functioning landing page?

  • @s-eddgaming2165
    @s-eddgaming2165 Месяц назад

    can we link it with our domain?

  • @Praveen_kumar369
    @Praveen_kumar369 7 месяцев назад

    How we get grids after typing steveeditor

  • @kevinjohnnuluddin7069
    @kevinjohnnuluddin7069 14 дней назад

    great tutorial. but can you help how to turn in into a real website?

  • @VictoriaLawrence.
    @VictoriaLawrence. 8 месяцев назад +1

    At 4:55, the correct command is Cmd+G

  • @marcelriedeman9286
    @marcelriedeman9286 3 месяца назад

    can you share the final result in the description?

  • @ManhwaScans976
    @ManhwaScans976 Месяц назад

    how to snuggle each frame to each other ??

  • @sherifatabass8203
    @sherifatabass8203 6 месяцев назад +1

    Please how can I undo an error 😩

  • @gelwinaraya4536
    @gelwinaraya4536 7 месяцев назад +1

    how you make it functional?

    • @HinesEddy
      @HinesEddy 3 месяца назад

      did you ever find out?

  • @saranyagowreneni2467
    @saranyagowreneni2467 Месяц назад

    How to remove background from a image

  • @Codebyakshay
    @Codebyakshay 3 месяца назад

    but u didnt not tell us how to export it as html and css

  • @astrology-963
    @astrology-963 7 месяцев назад

    but u didn't make it responsive nor u did prototyping

  • @biopharmacy.cosmetics
    @biopharmacy.cosmetics 7 месяцев назад

    I love watching this