• Post category:StudyBullet-16
  • Reading time:6 mins read


Mobile App UI/UX Design in Figma: From Concept to Prototype

What you will learn

Interface & Workspace

Tools & Utilities

Understanding Layers & Pages

Adding & Designing Text

Creating Wireframes

Button

Smart Selection % Tidy

Input Fields

Prototyping & Animation

Smart Animations & Micro Interaction

Collaborating in Figma

Organizing and optimising work using Grids

Colour theory & Colour Tools

Using colour Gradients & Layouts

Making a Placeholder Image

Masking and cropping

Description

Welcome to our class of figma uiux beginner tutorial for learning how to use figma for uiux so if you are planning to learn how to use figma from the beginning then you are in the right place because we will cover in this. This class covers the basics so if you have any prior experience than it might be helpful for you to understand this class properly, if not then don’t worry as we will be teaching you all that you need to know as we go.

Let’s take a look at what you will be learning from this course;

1. Interface & Workspace

2. Tools & Utilities

3. Understanding Layers & Pages

4. Adding & Designing Text

5. Creating Wireframes

6. Button

7. Smart Selection % Tidy

8. Input Fields

9. Prototyping & Animation

10. Smart Animations & Micro Interaction

11. Collaborating in Figma

12. Organizing and optimising work using Grids


Get Instant Notification of New Courses on our Telegram channel.


13. Colour theory & Colour Tools

14. Using colour Gradients & Layouts

15. Making a Placeholder Image

16. Masking and cropping

After Completing this Class, you will be able to

Β· Use Figma to make basic UIUX Designs

Β· Use the interface to utilize and enhance productivity

Β· Colour Grade

Β· Export in more advance and customized settings

Β· Optimise Workflow

Β· Do Project Examples

Now do keep this in mind that is a project-based Course, so at the end of all the classes you will have a class project that will enable you to actively participate in them to practice or refine what you have learned throughout the entire course. You will be provided with supporting resources so it will become easier to learn as we go.

During Learning if you have any queries or problem then do feel free to ask me. I will always be available to help if needed. So let us go ahead and start.

English
language

Content

Introduction

Introduction
1. Interface & Workspace
2. Tools & Utilities
3. Understanding Layers & Pages
4. Adding & Designing Text_Match Source – Adaptive High Bitrate
5. Creating Wireframes_Match Source – Adaptive High Bitrate
6. Button_Match Source – Adaptive High Bitrate
7. Smart Selection & Tidy_Match Source – Adaptive High Bitrate
8. Input Fields_Match Source – Adaptive High Bitrate
9. Prototyping & Animation_Match Source – Adaptive High Bitrate
10. Smart Animation & Micro Interaction_Match Source – Adaptive High Bitrate
11. Collaborating in Figma_Match Source – Adaptive High Bitrate
12. Organizing and optimizing work using Grids_Match Source – Adaptive High Bitr
13. Color theory & Color Tools_Match Source – Adaptive High Bitrate
14. Color Gradients & Layouts_Match Source – Adaptive High Bitrate
15. Making a Placeholder image_Match Source – Adaptive High Bitrate
16. Masking & cropping_Match Source – Adaptive High Bitrate
Class Project 1
Class Project 2 [part 1]
Class Project 2 [part 2]