Figma Tutorial for Beginners: Complete Website from Start to Finish

Поділитися
Вставка
  • Опубліковано 30 тра 2024
  • 💸 Wealthy Designer Newsletter (Free):
    www.bit.ly/WealthyDesigner
    Learn How To Grow Your Design Business
    www.paitpro.com
    Download the Figma File:
    bit.ly/figma-24
    Work done by the amazing Mirna Kusumawati:
    dribbble.com/mirnakusumawati
    🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
    MORE USEFUL WEBFLOW VIDS:
    🎥 Full Webflow Tutorial
    • Learn the NEW Webflow ...
    🎥 Check Out The Other No-Code Tools I Use
    • Every Single No-Code T...
    🎥 12 HERO Layouts You Can Steal
    • 12 NEW HERO LAYOUTS YO...
    🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
    CHAPTERS:
    0:00 Intro
    0:16 Design Inspiration
    0:46 Full Figma Tutorial
    23:35 Wrapping Up Our Figma Design
    🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
    VIDEO OVERVIEW:
    This is a Figma tutorial for beginners. In this video we will cover the basics of Figma and show you how to design a website landing page. Enjoy!
    🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹🔹
    THANKS FOR WATCHING:
    Figma Tutorial for Beginners: Complete Website from Start to Finish

КОМЕНТАРІ • 15

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

    Come join my private group!
    We just added some *new trainings* and a brand new resource to help with pricing your design work
    www.paitpro.com

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

    instead of grouping just use auto layout, e.g. for the rating box, or the rating stars, then you can easily adjust the spacing in between, auto layout is so powerful

  • @realmeee
    @realmeee 6 місяців тому +7

    greate tutorial ✨
    The best way to do the backdrop purple gradient 🟪 7:46 is to select a pen tool and draw 6 points for each curve by holding shift for straight line . and after creating the shape , set your prefered corner radius .
    happy designing 🎨

    • @PaytonClarkSmith
      @PaytonClarkSmith  6 місяців тому +3

      Thanks for the tips! 💪🏼

    • @koenahn
      @koenahn 15 днів тому

      Another way would be to flatten the Union shape first

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

    Very helpful. Thanks!

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

    Great design! Using this for inspiration, get out of my comfort zone.

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

    Thanks for the tutorial Payton :) I wonder how all this could be done in autolayout and using boxmodel, it would be cool if your next video would record what kind of twisted layout created using autolayout :) I have one question :D why didn't you set the photo to 1440 using scale? it would be 1 to 1 with frame in figma :)

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

    Fantastic webdesign skills Payton!
    Im a huge fan of your work. Regards from Brasil!

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

    hey payton , i just love the tutorial thank you so much , i have query , these inverted corner radius layouts are new in trend and i see alot of them in dribbble now a days, any chance you know what is this trend called , where to get these inspiration ideas from ? just curious and want to know how dribbble designers think of this :D

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

    I'm trying to see the point of Figma - and I've hardly used it for this reason. What is the point of designing in Figma, if you then have to redesign it to, let's say, Elementor? I haven't found a way/video that you can just export, (with no fuss), your design into Elementor.
    If it's a matter of designing pixel-perfect sites in figma or images in a way that you have more controls, why not use Canva for example?
    Sorry, I'm not trying to downgrade Figma. I know milliions use it - I just haven't found a way yet to make it worth my time?!
    Thanks for any input on this!!

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

    Great. But how to make the text go to other pages?)

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

    What about lunacy

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

    How to setup figma ? like.. from complete scratch man.