• Post category:StudyBullet-15
  • Reading time:5 mins read


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

What you will 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.

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:

  1. Frame tool: In this video, we will prepare the first frame of our Website, and customize it to our needs.
  2. Landing page: In this video, we will start building the first screen of the Website.
  3. Buttons: In this video, we will design the buttons step by step with simple shapes.
  4. Navigation bar: In this video, we will add a beautiful modern navigation bar.
  5. Join page: In this video, we will continue preparing our Website with a Join page and designing a simple footer using Iconify plugin.
  6. Discover page: In this video, we will continue building our Website with a Discover screen.
  7. Powerful Plugins: In this video, we will use a powerful plugin to terminate the most important section of the platform.
  8. 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.


Get Instant Notification of New Courses on our Telegram channel.


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.

English
language

Content

Frame tool

Frame tool

Landing page

Landing page

Buttons

Buttons

Navigation bar

Navigation bar

Join page

Join page

Discover page

Discover page

Powerful plugins

Powerful plugins

Prototype & Animations

Prototype & Animations