• views: 82
• date: 28 June 2025
• posted by: AD-TEAM

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

What you'll 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

Requirements

Basic computer skill

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 & Workspace2. Tools & Utilities3. Understanding Layers & Pages4. Adding & Designing Text5. Creating Wireframes6. Button7. Smart Selection % Tidy8. Input Fields9. Prototyping & Animation10. Smart Animations & Micro Interaction11. Collaborating in Figma12. Organizing and optimising work using Grids13. Colour theory & Colour Tools14. Using colour Gradients & Layouts15. Making a Placeholder Image16. Masking and croppingAfter 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 ExamplesNow 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.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 1. Interface & Workspace

Lecture 3 2. Tools & Utilities

Lecture 4 3. Understanding Layers & Pages

Lecture 5 4. Adding & Designing Text_Match Source - Adaptive High Bitrate

Lecture 6 5. Creating Wireframes_Match Source - Adaptive High Bitrate

Lecture 7 6. Button_Match Source - Adaptive High Bitrate

Lecture 8 7. Smart Selection & Tidy_Match Source - Adaptive High Bitrate

Lecture 9 8. Input Fields_Match Source - Adaptive High Bitrate

Lecture 10 9. Prototyping & Animation_Match Source - Adaptive High Bitrate

Lecture 11 10. Smart Animation & Micro Interaction_Match Source - Adaptive High Bitrate

Lecture 12 11. Collaborating in Figma_Match Source - Adaptive High Bitrate

Lecture 13 12. Organizing and optimizing work using Grids_Match Source - Adaptive High Bitr

Lecture 14 13. Color theory & Color Tools_Match Source - Adaptive High Bitrate

Lecture 15 14. Color Gradients & Layouts_Match Source - Adaptive High Bitrate

Lecture 16 15. Making a Placeholder image_Match Source - Adaptive High Bitrate

Lecture 17 16. Masking & cropping_Match Source - Adaptive High Bitrate

Lecture 18 Class Project 1

Lecture 19 Class Project 2 [part 1]

Lecture 20 Class Project 2 [part 2]

Individuals with an interest in UI/UX design who want to learn the essential features and functionalities of Figma from scratch.,Newcomers in the design field who want to build a strong foundation in UI/UX design principles.




   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.