Figma Tutorial for Beginners: Complete Website from Start to Finish

[@PaytonClarkSmith]

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]

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]

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]

Thanks for the tips! 💪🏼

[@koenahn]

Another way would be to flatten the Union shape first

[@createvans]

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

[@PaytonClarkSmith]

Thanks! 🙏🏼

[@bensonmwaura9494]

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

[@Varchesis]

Very helpful. Thanks!

[@SzabatDesign]

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 :)

[@anatolenav]

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

[@usamakhowaja95]

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

[@netronominom2850]

What about lunacy

[@andonisr]

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!!

[@kennyd9510]

I literally made it to like 2 minutes and cant even find the layer grid lol

[@dedwag]

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