Design a Web App Using Figma (2023 Version)

Focused View

Amine Abdelkebir

47:49

127 View

1. Frame tool

1. Frame tool.mp4

01:16

2. Landing page

1.1 landing page image.zip

1. Landing page.mp4

03:28

3. Buttons

1. Buttons.mp4

02:06

4. Navigation bar

1.1 logo image.zip

1. Navigation bar.mp4

03:22

5. Join page

1. Join page.mp4

12:04

6. Discover page

1. Discover page.mp4

08:59

7. Powerful plugins

1. Powerful plugins.mp4

03:45

8. Prototype & Animations

1. Prototype & Animations.mp4

12:49

Description

Learn all about the figma tools, features and animations to design a Web App.

What You'll Learn?

Creating great experiences with applications of UX Design.
See what do you need to create a beautiful web application?
See what do you need for prototyping?
Building interactive prototypes to share with co-workers and clients.
Add smart animations to screen components.

Who is this for?

Beginner-level designers interested in user interface & user experience design (UI/UX)

Beginner/Intermediate designers interested in earning income as a freelance designer

Any-level designers looking to get into web & mobile app designs (Prototyping & Animations)

Anyone looking to jump into a new exciting career with graphic design.

More details

Description
In this course, youâ€™ll learn how to design a beautiful and simple web application with one of the most powerful free design tools, called Figma.
By the end of this course, you will have the skills and capacity to design a website that is visually appealing and easy to navigate. Youâ€™re also going to learn advanced tips, and features of prototyping.
Content description:
Frame tool: In this video, we will prepare the first frame of our Website, and customize it to our needs.
Landing page: In this video, we will start building the first screen of the Website.
Buttons: In this video, we will design the buttons step by step with simple shapes.
Navigation bar: In this video, we will add a beautiful modern navigation bar.
Join page: In this video, we will continue preparing our Website with a Join page and designing a simple footer using Iconify plugin.
Discover page: In this video, we will continue building our Website with a Discover screen.
Powerful Plugins: In this video, we will use a powerful plugin to terminate the most important section of the platform.
Prototype & Animations: In this video, we will start adding the links between the different screens, and add smart animations to components.
By the end of this course:
You will have learned the many great tools Figma has to offer and you will be able to prototype an engaging web app, that you can add smart animations, for your own projects or for your clients.
What do I need?
This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer and a web browser.
So what are you waiting for?
Letâ€™s get started learning how to design real-world projects using Figma and take our design skills to a whole new level together.
Who this course is for:
Beginner-level designers interested in user interface & user experience design (UI/UX)
Beginner/Intermediate designers interested in earning income as a freelance designer
Any-level designers looking to get into web & mobile app designs (Prototyping & Animations)
Anyone looking to jump into a new exciting career with graphic design.

User Reviews

Rating

average 0

Total votes0

Focused display

Hey, I'm Amine!I am a UI/UX Designer & an Software developer with having almost 5 years of experience in application development and also 3 years of graphic design and UI/UX design.Figma, Adobe XD and Sketch are my favourite tools.If you like my classes follow me to be updated when new content arrives.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.