Figma Web Design UI Tutorial for Beginners: How to design an agency website with Figma

Learn how to properly design a Website UI and Visual Design including interactions, smart animate, components, variants, auto layouts, layout grid and such more to learn on this video. This video is for visual design beginners or people looking to improve their skill. Please like, share and leave a comment.
Here is a link to the design file on the Figma Community:
www.figma.com/community/file/...

[@IkinDarren]

That was brilliant, thanks for taking the time to make such helpful videos.

[@femijohn]

You’re welcome

[@bizz5397]

Thank you. This is great.

[@femijohn]

You’re very welcome 🙏

[@RahulYadav-yg6zh]

Make more tutorials like this for web design, please. We need more

[@femijohn]

Thank You. I will definitely!

[@kaempy]

Wow I'm really learning lots of cool stuffs from your designs thank you... Simple and well explained.

[@femijohn]

Thanks 😊

[@MyOffice-cg8jp]

Hi, It's very useful for me. thanks and thanks again for you shared this design file in description. It's very useful. 👋👍

[@femijohn]

You are welcome 😊

[@oziegbeclifford8698]

Wow i have learnt alot within this short time, thank you Mr John

[@femijohn]

You're welcome 😊

[@isaacayomideidowu6643]

Thank you so much Femi John. I just started my journey in UX design and I am greatly encouraged

[@femijohn]

You are so welcome!

[@ericodhiambo8222]

Very helpful content💯... Keep up the good work 👏🤩🔥

[@femijohn]

Thank You 🙏

[@christianahfolakemi8507]

Well explained video..thank you

[@femijohn]

You’re very welcome 🙏🥺

[@musamuhammed7296]

Nice one

[@femijohn]

Thanks 🙏

[@edwardkelly6986]

Thank you bro so much 😊😊😊😊😊

[@femijohn]

You’re welcome.

[@thendomalima6997]

Very informative 👍

[@femijohn]

Thank You 😊

[@aniekanakpakpan3127]

Thanks 👏🏿

[@femijohn]

You're welcome!

[@schneidershades]

well done

[@femijohn]

Thanks Boss.

[@mikicreamz]

Very helpful tutorial☻

[@femijohn]

Thank you

[@eoeliveclassesrecording6078]

amazing sir

[@femijohn]

Thank You 🙏

[@mengwaugochukwu7980]

Yo G, U did great

[@femijohn]

Thanks Man

[@azeezwasiu9979]

No autolayout/padding inside the frame containers?

[@ohuolamide2105]

Hi femi I wanted to try change to why hovering but the change to didn’t click

[@alwy_cheezy75]

Anyone know title of the backsound?

[@skitoes974]

Hello bro found your channel nice work ... Couldn't find the video you made on parallax scroll effect

[@femijohn]

Thank You 🥺. But I haven’t done a video on parallax scrolling yet. Just regular scroll effects

[@skitoes974]

@@femijohn please can you tag me

[@skitoes974]

love your tutorials man🙏... can't wait for more effects on websites scrolls

[@Tp.mikeyyy]

nice vid

[@femijohn]

Thank you

[@ohuolamide2105]

Good day femi please why is my changed to not working on figma

[@abisolakanyinola2852]

Please can you do a video on auto layouts

[@femijohn]

Hi, I do have a video on auto layout. Here is the link kzbin.info/www/bejne/f4jEoKJnps-rrK8

[@femijohn]

I hope it’s helpful

[@abisolakanyinola2852]

@@femijohn thank you

[@user-hz5mk8iu5j]

Dope video, but bro pls add timestamps!!

[@femijohn]

Thank you so much for this feedback. You're welcome 😊

[@sivuyilesifuba]

Can you put up the images you used in the design

[@femijohn]

Okay cool. I will

[@femijohn]

@Loyiso Dlomo okay. I’ll try putting a link to the resource

[@femijohn]

The Link to the Figma file is now in the description, you can get the image there.

[@femijohn]

@Loyiso Dlomo The Link to the Figma file is now in the description, you can get the image there.

[@sivuyilesifuba]

@@femijohn Thanks bro!!!

[@thiyagarajan7611]

8027641164986416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173006416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173897300649864164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731730064164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731738973110011649864164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731730064164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731738973006498641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317300641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317389731173..

[@HaifengZhu-pn3uq]

It's not for beginners, difficult to follow

[@sharjeelaltaf2048]

you r confused very confused

[@thiyagarajan7611]

825119854119854611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311005461164986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389730064986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389731189009854611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311005461164986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389730064986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389731189114600541198546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973110054611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311890098546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973110054611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311891146890098541198546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973110054611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311890098546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973110054611649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897300649864986473006473897319889164986473006473897300649864730064738973198891649864730064738973897311891146005411985461164986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389730064986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389731100546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973118900985461164986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389730064986498647300647389731988916498647300647389730064986473006473897319889164986473006473897389731100546116498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973006498649864730064738973198891649864730064738973006498647300647389731988916498647300647389738973118911468911...

[@HaifengZhu-pn3uq]

It's not for beginners, difficult to follow

[@thiyagarajan7611]

6411649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731100116498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897311731198008911641164986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973110011649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731173006411649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731100116498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897311731198008911641164986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973110011649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731173006411649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731100116498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897311731198008911641164986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973110011649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731173006411649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731100116498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897311731198008911641164986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973110011649864730064738973164986473006473897316498647300647389730064986473006473897316498647300647389731649864730064738973006498647300647389731649864730064738973164986473006473897300649864730064738973164986473006473897316498647300647389731173...

[@thiyagarajan7611]

802764119889649889649864164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731730064164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731738973006498641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317300641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317389739889730064988964986416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173006416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173897300649864164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731730064164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731738973988973988900988964988964986416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173006416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173897300649864164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731730064164986473006473897300649864730064738973100164986473006473897300649864730064738973173198891641649864730064738973006498647300647389731001649864730064738973006498647300647389731738973988973006498896498641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317300641649864730064738973006498647300647389731001649864730064738973006498647300647389731731988916416498647300647389730064986473006473897310016498647300647389730064986473006473897317389730064986416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173006416498647300647389730064986473006473897310016498647300647389730064986473006473897317319889164164986473006473897300649864730064738973100164986473006473897300649864730064738973173897398897398891173...