Figma UIUX- Website Hero Section with Prototype Animation

Figma UI/UX: Website Hero Section with Prototype & Animation, available at $49.99, has an average rating of 4.4, with 43 lectures, based on 25 reviews, and has 2179 subscribers.

You will learn about Youll learn how to build a professional Hero Section of a Brands landing page Understanding how to use Auto layout, Variables and Components in Figma Youll learn how to quickly create simple wireframes Youll work with fonts & colors. Youll learn the principles of User Interface Design Youll learn easy-to-tweak designs using re-usable components & styles Youll Learn UI/UX best practices using the latest trends in the industry Youll learn the Figma fundamentals Youll learn how to use free UI kits & plugins in Figma Youll learn how to use shortcuts professionally Youll learn how to export in Figma This course is ideal for individuals who are Anyone who wants to learn to design user interfaces or Aspiring UI/UX designers looking to start their careers or Graphic designers wanting to transition to UI/UX design or User Interface designers or User Experience designers or Web Designers It is particularly useful for Anyone who wants to learn to design user interfaces or Aspiring UI/UX designers looking to start their careers or Graphic designers wanting to transition to UI/UX design or User Interface designers or User Experience designers or Web Designers.

Enroll now: Figma UI/UX: Website Hero Section with Prototype & Animation

Summary

Title: Figma UI/UX: Website Hero Section with Prototype & Animation

Price: $49.99

Average Rating: 4.4

Number of Lectures: 43

Number of Published Lectures: 43

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 43

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Youll learn how to build a professional Hero Section of a Brands landing page

Understanding how to use Auto layout, Variables and Components in Figma

Youll learn how to quickly create simple wireframes

Youll work with fonts & colors.

Youll learn the principles of User Interface Design

Youll learn easy-to-tweak designs using re-usable components & styles

Youll Learn UI/UX best practices using the latest trends in the industry

Youll learn the Figma fundamentals

Youll learn how to use free UI kits & plugins in Figma

Youll learn how to use shortcuts professionally

Youll learn how to export in Figma

Who Should Attend

Anyone who wants to learn to design user interfaces

Aspiring UI/UX designers looking to start their careers

Graphic designers wanting to transition to UI/UX design

User Interface designers

User Experience designers

Web Designers

Target Audiences

Anyone who wants to learn to design user interfaces

Aspiring UI/UX designers looking to start their careers

Graphic designers wanting to transition to UI/UX design

User Interface designers

User Experience designers

Web Designers

Do you want to learn how to use different techniques to design and create Professional, Unique and Modern Website Landing Page Hero Section with Prototype, Animation, Motion Design & Interaction both on Web and Mobile like a pro in Figma? This is the right course for you.

This course is exactly what you need and have been looking for. This comprehensive course will teach you all what you need to start your journey towards designing and creating best User Interface and User Experience with Prototype, Animation, Motion Design & Interaction in Figma. Whether you are just starting out on how to create and design in Figma, this course would help you speed up your progress.

This course is different form the other ones you’ll find on Udemy. Just wait and see, you’ll judge better for yourself!

I’ll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as an Figma expert in Hero Section Landing Pages Design.

The course includes over 6 hours of HD video tutorials and builds your User Interface and User Experience knowledge with fun projects.

What will you learn from this course?

You’ll learn how to build a professional Hero Section of a Brand’s landing page in Figma

You’ll learn how to use the Figma Prototype & Animation

You’ll learn how to make Motion Design and make elements interact

You’ll learn Auto layout, Variables and Components in Figma

You’ll learn how to make responsive designs for Web & Mobile as a UI/UX Designer

You’ll learn how to design for Web, Mobile & Tablet

You’ll learn how to create simple wireframes in Figma

You’ll work with fonts & colours in Figma

You’ll learn the principles of User Interface Design

You’ll learn easy-to-tweak designs using re-usable components & styles in Figma

You’ll learn UI/UX best practices using the latest trends in the industry

You’ll learn the Figma fundamentals

You’ll learn how to use free UI kits & plugins in Figma

You’ll learn how to use shortcuts professionally in Figma

You’ll learn how to export in Figma

Why is this course different and special?

I teach you from beginners’ level to advanced level step by step

I teach you with fun projects for more understanding

I elaborate and emphasize more on difficult topics and areas

I gave you a downloadable resource file with exercise files and several fonts for you to follow along with me and enjoy the course

By the time you finish this course you will be able to design and create Professional, Unique and Modern Website Landing Page Hero Section with Prototype, Animation, Motion Design & Interaction both on Web and Mobile like a pro in Figma. You will be a Pro in your field and surpass your other colleagues because you have learnt more advanced techniques and methods of designing and creating a Hero Section Landing Page.

Feel free to ask me any questions.

I can’t wait to see you in the next lecture!

Go ahead and click the enroll button, and I’ll see you in the next lecture

You are welcome

Enjoy!

Course Curriculum

Chapter 1: 01 Introduction to Hero Section Landing Page Design in Figma

Lecture 1: Welcome to Hero Section Landing Page Design in Figma

Lecture 2: Getting Started

Lecture 3: Download the resource files

Chapter 2: 02 Understanding the Figma Interface

Lecture 1: Figma Interface – Part 1

Lecture 2: Figma Interface – Part 2

Chapter 3: 03 Wireframing in Figma

Lecture 1: Wireframing – Part 1

Lecture 2: Wireframing – Part 2

Chapter 4: 04 Food Brand Hero Section Design

Lecture 1: Understanding Layout

Lecture 2: How to create a background

Lecture 3: How to cut out images

Lecture 4: How to create shadow & Blur

Lecture 5: Leaves Effect

Lecture 6: How to use & arrange Logos

Lecture 7: Creating website top menu

Lecture 8: How to import and use icons

Lecture 9: Understanding Figma Auto layout

Lecture 10: Creating the Log in & Sign up Button

Lecture 11: Creating and using texts

Lecture 12: Creating CTA Button

Lecture 13: Creating the clients satisfaction section

Lecture 14: Import & use arrow icons

Lecture 15: Understanding how to use Figma component

Lecture 16: Food Brand Hero Section Design Conclusion

Chapter 5: 05 Tech Brand Hero Section Design

Lecture 1: Tech Brand Hero Section Design – Part 1

Lecture 2: Tech Brand Hero Section Design – Part 2

Chapter 6: 06 Fruit Brand Hero Section Design

Lecture 1: Fruit Brand Hero Section Design

Chapter 7: 07 Real Estate Brand Hero Section Design

Lecture 1: Real Estate Brand Hero Section Design

Chapter 8: 08 Prototype, Animation, Motion Design & Interaction in Figma (Web View)

Lecture 1: Food Brand Prototype (Web) – Part 1

Lecture 2: Food Brand Protoype (Web) – Part 2

Lecture 3: Real Estate Brand Prototype (Web)

Lecture 4: Tech Brand Prototype (Web)

Lecture 5: Fruit Brand Prototype (Web)

Chapter 9: 09 Responsive Design – Mobile & Tablet View

Lecture 1: Introduction to Responsive Design

Lecture 2: Real Estate Brand Responsive Design

Lecture 3: Food Brand Responsive Design

Lecture 4: Tech Brand Responsive Design

Lecture 5: Fruit Brand Responsive Design

Chapter 10: 10 Prototype, Animation, Motion Design & Interaction in Figma (Mobile View)

Lecture 1: Food Brand Prototype (Mobile)

Lecture 2: Tech Brand Prototype (Mobile)

Lecture 3: Fruit Brand Prototype (Mobile)

Lecture 4: Real Estate Brand Prototype (Mobile)

Chapter 11: 11 How to export images in Figma

Lecture 1: How to export images in Figma

Chapter 12: 12 Conclusion

Lecture 1: Conclusion

Instructors

Quadri Ilebiyi Babatunde
I am a Creative Guru

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 9 votes

5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!