Figma UI/UX: Website Hero Section with Prototype & Animation (Learn to Design Modern Hero Section Landing Pages like a Pro)

Do you want to know how to design beautiful Hero Section Landing Pages in Figma, whether you are a Figma novice? This course, "Figma UI/UX: Website Hero Section with Prototype & Animation, " is a perfect guide that covers all the aspects from start to end. Ensuring you have stable internet, you are ready to dive into UI/UX design even if you have no background.

Here, you will learn about the basic tools & features of Figma and, at the end, design professional landing page sections. That is what you will be touching on regarding necessities such as Auto Layout, Variables, Components, wireframes, fonts, and colors. Further, you will learn such things as UI/UX design tips & tricks, the UI/UX design trends for your information, free UI kits, and plugins. That is why enjoyable and related projects will enhance students’ interest and lead to success.

By the end of the course "Figma UI/UX: Website Hero Section with Prototype & Animation,” you can design and develop modern, unique Hero Sections on landing pages. Figma's fundamental and advanced courses, concepts, and best practices will give you an edge in the marketplace. In addition, all the resources and exercise files are downloadable to practice the newly acquired skills at your leisure.

Figma UI/UX: Website Hero Section with Prototype & Animation Table of Contents:

1. Welcome to Hero Section Landing Page Design in Figma - 01:21
2. Getting Started - 01:58
3. Download the Resource Files - 00:01
4. Figma Interface - Part 1 - 11:05
5. Figma Interface - Part 2 - 10:32
6. Wireframing - Part 1 - 07:55
7. Wireframing - Part 2 - 13:40
8. Understanding Layout - 09:50
9. How to Create a Background - 09:23
10. How to Cut Out Images - 09:25
11. How to Create Shadow & Blur - 05:09
12. Leaves Effect - 02:32
13. How to Use & Arrange Logos - 07:26
14. Creating Website Top Menu - 09:14
15. How to Import and Use Icons - 10:54
16. Understanding Figma Auto Layout - 04:04
17. Creating the Log In & Sign Up Button - 06:47
18. Creating and Using Texts - 12:04
19. Creating CTA Button - 09:52
20. Creating the Client's Satisfaction Section - 03:57
21. Import & Use Arrow Icons - 03:42
22. Understanding How to Use Figma Components - 02:53
23. Food Brand Hero Section Design Conclusion - 02:00
24. Tech Brand Hero Section Design - Part 1 - 26:21
25. Tech Brand Hero Section Design - Part 2 - 18:49
26. Fruit Brand Hero Section Design - 21:30
27. Real Estate Brand Hero Section Design - 19:48
28. How to Export Images in Figma - 03:38
29. Conclusion - 00:37

Who is this course for?

1. Anyone interested in learning to design user interfaces
2. Aspiring UI/UX designers starting their careers
3. Graphic designers transitioning to UI/UX design
4. User Interface (UI) designers
5. User Experience (UX) designers
6. Web designers

Click on the links below to Download Figma UI/UX: Website Hero Section with Prototype & Animation!