Learn Figma in 14 days - Design and Prototype in Urdu Hindi

Name: Learn Figma in 14 days - Design and Prototype in Urdu Hindi
Rating: 4.9 (9 reviews)

Quickly learn Figma to Design and Prototype an awesome looking Mobile App with screen transitions and hone UI UX Skills

Created byMuhammad Ahsan Pervaiz

Last updated 1/2025

Urdu

What you'll learn

Introduction to Figma interface, tools and tips to improve your design workflow
Create Clickable interactive Prototypes with transition effects in Figma
Wireframe and Design your own App idea using Figma
Understand usage of Layout Grid and Guides in User Interface Design

Course content

3 sections • 24 lectures • 4h 46m total length

01 What is Figma and how to install it4:50
What is Figma tool and how to Install it on Windows or Mac
02 Intro to Figma Interface11:00
Introduction to Figma Interface and where its tools are located
02.1 Figma latest 2025 Interface17:32
Figma Latest Interface introduction
02.2 Figma Tools Interface explain 202515:18
Figma latest 2025 new UI and tools explained in this video
03 Creating your first file7:24
Let's create your first Figma file

04 Frames and Layout Grid in Figma10:20
What are frames and Layout Grid in Figma and how to use it for UI and Web Design
05 Making buttons with rectangle tool10:15
Creating your button with rectangle tool in Figma
06 Line and Arrow tool5:43
Line and Arrow tools
07 Ellipse, star, polygon tools9:01
Using ellipse, start and polygon tools in Figma
08 Place Image, Pen and Pencil tools7:15
Place image, pen tool and pencil tool usage
09 Text tool, hand tool and comments8:41
Using text tool, hand tool and commenting in Figma
10 Masking in Figma5:58
How to create and use masks for images in Figma
11 Auto Layout with responsive navigation19:31
Auto Layout with responsive navigation
12 Auto Layout Responsive modal window10:24
Auto Layout Responsive modal window
13 Constraints in Figma7:42
Constraints in Figma
14 First assignment design7:26
First assignment design
Design a hello Introduction screen about yourself
15 Components and Mobile Login Screen19:30
Components and Mobile Login Screen
16 Designing login signup screens in figma23:06
Designing login signup screens in figma

17 First prototype with smart animate11:58
First prototype with smart animate using Figma
18 Modal Overlay in Prototyping8:20
Designing Modal Overlay in Prototyping
19 Main Screen Design17:37
Let's Design the main Mobile App Screen using Figma
20 Bottom Nav design in Figma14:26
Bottom Nav design in Figma
21 Time Delay and Push in Prototype13:30
Time Delay and Push in Prototype
22 Figma Drag and last assignment19:32
Figma Drag and last assignment
Create any Mobile App Concept with 5 screens

Requirements

Just a learning mindset

Description

Figma is one of the most powerful UI and UX Design tool that can even run in your browser. Figma’s power is hidden in its being cross-platform and its Collaboration feature where you can easily collaborate with other Designers and Developers. It works seamlessly on Windows and Mac Operating Systems with a Desktop Application. In recent times, it is one of the most powerful and popular User Interface Design App due to being a Cloud based App (saves your file version history) and its FREE to use too

This course will teach you all about User Interface Designing and also adding interactivity to your Designs with powerful prototyping features of Figma. First, we will learn about the basic tools, common keyboard shortcuts and familiarizing ourselves with the Figma’s interface.

Once you have solid basics, we will move on to Auto Layout, Responsive design and few advance things like viewing your Prototype live on an actual Mobile Device. I will show you everything step by step.

We will design together the User Interface and then the prototype of a “Workout App Called Workin” from the scratch and make it into a pro level design by multiplying Artboards, using reusable Styles and Components.

If you are Beginner in UI UX Design or a seasoned UI/UX Designer trying to switch from Sketch or Adobe XD, please join me in this learning experience.

Let's learn Figma together in Hindi Urdu Language

Who this course is for:

Beginner Designers

Learn Figma in 14 days - Design and Prototype in Urdu Hindi

What you'll learn

Explore related topics

Course content

Introduction to Figma in Urdu Hindi5 lectures • 56min

How to use Figma for UI and Web Design13 lectures • 2hr 25min

Prototyping in Figma6 lectures • 1hr 25min

Requirements

Description

Who this course is for: