The Figma 2021 Crash Course by Example

-- Today, we're going to step into the world of UI/UX design and cover Figma here in 2021. Figma is a UI/UX design and prototyping tool. In this crash course, I'm going to show you how to use Figma to design a website with multiple pages, interactions and animations.

0:00 - Introduction
2:58 - An awesome offer from Scrimba
3:36 - Getting Started
10:46 - Navbar
23:45 - Hero Section
42:03 - Finishing the Home Page
55:52 - "Our work" Page
1:02:46 - Prototyping
1:05:41 - Hover Interaction
1:07:48 - Smart Animate
1:11:15 - Closing Thoughts!

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[klutzy_]

best thing about your tutorials is that you don't waste time on unnecessary thing and everything is fully practical and project based.

[kleber.smartdev]

Thanks Bro, I am working as UX now and basically this video is my foundation in figma

[robertkylethomas]

About 18 minutes in and the frame within a frame using space-between just blew my mind

[mithunshanbhag]

Hands down, one of the best figma tutorials on youtube. This video touches on nearly every aspect of figma. Highly recommended!

[OppacaTube]

Me and my team at the company all thank you for the great effort in putting up these videos for the whole designing community 😌😌😌

[tarraxart]

Yeeyy! It's my first experience on working with Figma and I managed to do everything because of your step-by-step explanation :)thank you so much!

[anekeifeanyi]

I can't watch without commenting. Thanks man for this video. It's awesomw

[alirezaaslani]

literally the best person to learn designing from. thanks man i dont know about others but you're really helping me

[ujjwalbansal]

My key learning are:
> Auto layout
< Prototyping
> Components
< Smart animation
> Plugins

[chyjohn]

This is beautiful, so so beautiful!... I don't know what else to do or say, I know comments alone aren't enough, but man, Thank you, Thanks a whole lot. we'll forever appreciate this.

[yashasvisingh]

You couldn't stop yourself from giving some UI/UX design tips here and there. Love your work!!!!

[elle]

i followed this step by step and love it. i dabbled a little in web design when i was younger, but now im going to uni for interactive design. i havent started my major classes yet but i wanted to get ahead and your videos have been so helpful. thank you!

[benacker]

Man, This was super helpful. As a web-developer the only thing I did was save to drafts and export assets. I had no idea how to use this tool.

[japroz]

Dont ever stop creating great content. Hats off!!😃😃

[icen]

Man, this was a no-BS guide to Figma and UI design, thanks a lot, you really helped me.

[purpleable]

Thanks so much for this course I picked up right away. Amazing instructor looking forward to learn more about the design with you. Have a blessed one.

[pyroghost]

Ahh maaan! Thank you so much! I've been a developer for a little longer than a year now and I'm struggling to create nice looking sites and I prefer to work based on pre-created designs as much as possible. I've started making a few landing pages without a design but they got messy pretty quickly. This crash course just came out at the right time! Thank You!

[chickenpasta]

Awesome crash course. It took a lot of intimidation out of Figma. Finding the right plugins also helped me out a ton and taking the guess work out.

[TheKevinMichael]

Gary! Thank you, this was so much fun! I have been scared to dabble in the UI/UX world but this video has help me gain so much confidence. Thank you!

[andysachs]

I actually think is better design from mobile first and then desktop. You have more awareness about space and what's essential with a limited area like a mobile view and progressively expand the positioning of elements to a larger space like desktop.