Figma Crash Course 2021

This Figma Crash Course 2021 is beginner-friendly and will help you get up and running with the design platform.

The Figma tutorial will cover all the aspects to get started with Figma with a real-world example website design we will build from scratch using UI and UX.

- Figma Introduction (00:00)
- Figma account setup (00:20)
- Figma design file (00:45)
- Figma design assets (01:18)
- Figma starting basics (01:58)
- Figma frame (03:32)
- Figma grid columns and rows (05:13)
- Figma shapes (06:47)
- Figma import images (08:00)
- Figma labeling and grouping (08:25)
- Figma text (09:17)
- Figma navigation bar (10:30)
- Figma button design (12:38)
- Figma header title & scaling (14:38)
- Figma text additional settings (15:49)
- Figma hero section & figma layers (16:21)
- Figma groups and sections (18:25)
- Figma fonts and figma colors (20:20)
- Figma text line height and spacing (22:15)
- Figma alignment and snapping (223:40)
- Figma masking with shapes and images (23:57)
- Figma copying groups and sections (25:00)
- Figma updating sections (25:51)
- Figma color picker & copying sections continued (26:21)
- Figma color selecting and picking correct hue (28:23)
- Figma testimonial section (30:38)
- Figma autolayout (33:50)
- Figma auto layout options (34:33)
- Figma auto layout alignment (34:58)
- Figma auto layout content (35:44)
- Figma gallery images (36:24)
- Figma resize images (37:05)
- Figma footer (37:36)
- Figma SVG color and overlay edits (38:17)
- Figma auto layout menu footer (38:53)
- Figma layers toolbar, hide and lock (40:53)
- Figma prototype viewer (41:30)
- Figma frames and pages (42:00)
- Figma prototype interactions (43:55)
- Figma prototype interaction navigation to page (44:26)
- Figma share test and preview prototypes (44:26)
- Figma export pages (45:43)
- Figma export groups or sections (46:17)
- Conclusion

This intro to figma should help you learn especially as a beginners guide to figma basics. I know many people want to learn figma UI design tutorial to improve their users interface and user experience skills in making websites and applications.

If you want to learn figma in 40 minutes or less this course covers everything by example. Introduction to figma 2021 is my first real jump into the basics as one of the best web design tool to use.

If you want to follow along, you can get that assets to this project below

Figma Crash Course 2021 for beginners:

Figma Design Assets:

#figma #course #2021

Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.

Feel free to follow me on:

Software & Discounts:

Computer Gear:

Camera Equipment:

[Amitkumar-yetx]

Just when I needed it the most. I think this is first proper figma tutorial on YouTube. Thank you. 🙏🙏

[anuragk]

I don't see your video suggestions in my youtube feed for someone. I came back after 1 month and found this course which I have been seeking for a long time. Thanks

[pankajs]

Trust me, out of 100s i had viewed online, this is the first ever crash course i completed without the forward key. Superb content. Thanks a lot.

[francescociulla]

This is exactly what I needed! Thank you Adrian!

[janelleschuh]

I've been working with Figma this past year and am getting more comfortable with it!! Even though...watching these videos I always learn something new. Thanks for the auto layout explanation!!! Very helpful. :)

[FreezerSpaces]

I'm studying for a technical interview next week for a job that requires both design and coding, and while I am familiar with Figma already, this was a great quick-and-concise refresher. I learned a couple new things as well. Thanks!

[HashaamSiddiq]

I am an iOS developer and wanted to learn how to create some design concepts before coding in. This helped a lot and is a huge time saver. Thanks for the amazing course, Adrian.

[p-o]

I spend some time looking for a Figma course, that was well created. That means: good voice, editing, structured, logical, easy to follow, etc...You did it, thank you!
After the first min I could tell, you were the right course.
Being my self a course creator it is hard to settle for anything less than great content, so I really appreciate this course

[SimonHoiberg]

Ahh, I was waiting for something like this!
Just awesome - thank you!!

[suhailkakar]

Probably the best Figma course ever ! Thanks Adrian

[aidadaist]

Wow, this is a great tutorial! IMO the best crash course I've seen so far. Very well structured, educational and inspiring. Just what I needed to get started. Keep up your good work, Adrian! THANK YOU!

[ayushdedhia]

Wonderful Figma Course ❤️
Now waiting for the part 2!!!

[cyrilorozco]

This is the best FIGMA CRASH COURSE EVER!!!

[diradeb]

Adrian, you are a true professional! Wow. Love the way you use Figma, showing how powerful and logical the program truly is. I'm going to dive into the rest of your amazing content soon.

[deveshb]

Finally got time to check this out, and must say this was amazing thank you so much for making this a paid course, helped a lot!

[suujini]

This tutorial is awesome!! I tried to practice using Figma by watching Youtube and gave up several times, but finally found out the perfect one!!! Thanks!😆

[redsharkdigital]

Adrian, this is one of the most detailed Figma tutorials we've seen. Thanks for sharing all your knowledge with us!

[icedmacchiato]

thankyou so much for this course. i've just started my design journey and your course is just perfect. waiting for part two! <3

[vanessam]

I just started using Figma and this is what I needed! Thanks! 🙏🏼

[theUnsungWarriorr]

Best thumbnails award goes to Adrian 🎉