Learn Figma - Everything You Need From Beginner To Expert

This beginner-friendly course will guide you step-by-step through the process of creating stunning UI designs with Figma

What you'll learn

How to create amazing UI interfaces with Figma

How to begin working as UI/UX Product designer

How to manage a design team

How to create moodboards

You will build amazing website and app interfaces

How to create carousels

How to use high-fidelity prototyping

Requirements

You'll need a copy of Figma. A free plan is available on the Figma website.

You'll need a PC for practice

No prior knowledge in UI/UX Design

No prior knowledge in Figma

Ready to dedicate few hours weekly to learn

Description

Enroll in this beginner-friendly course where I'll guide you step-by-step through the process of creating responsive and user-friendly designs for both mobile apps and websites. From understanding design principles to utilizing industry-standard tools, you'll gain the necessary skills to craft compelling interfaces from scratch. Additionally, we'll provide insights on how to monetize your skills, empowering you to turn your passion into a potential income stream.COURSE CURRICULUM:Module 1: Introduction to UI/UX Design and FigmaUnderstanding User Interface (UI) ConceptUnderstanding User Experience (UX) ConceptThe importance of UI/UX DesignExamples of good UI/UX DesignDesign Thinking Process and User ResearchUser-centered DesignsModule 2: Introduction to FigmaOverview of Figma and its FeaturesGetting started with Figma –Creating a new account in FigmaSystem Specifications/RequirementsThe start screenBasic interface navigation in FigmaWorking with Vector Shapes in FigmaWorking with textsWorking with Frames in FigmaWorking with align tools in FigmaWorking with pluginsUnderstanding Components and GroupsSectioningWorking with ImagesSome Figma Shortcut KeysTake – Home ExerciseModule 3: Visual Design Principles in FigmaOverview of Typography and its Importance in UI/UX DesignChoosing the right fonts and typography styles for your designTypescale in FigmaTypescale in Figma 2Understanding colour theory and its application in UI/UX DesignWorking with Colours – IntroHow to get new coloursColour conceptsWorking with 60:30:10 colour rulesCreating colour palettes and applying them in FigmaSome Colour ShortcutSome ExercisesLIVE SESSIONSModule 4: Design for Specific Platforms and Devices in FigmaUsing grids and guides to create balanced layouts in FigmaWireframingDesigning for Web Applications in FigmaOverview of web UI/UX Design principles and guidelinesCreating web app designs in FigmaTesting and iterating on web app designs in FigmaDesigning for Mobile Devices in FigmaOverview of mobile UI/UX Design principles and guidelinesCreating mobile app designs in FigmaTesting and iterating on mobile app designs in FigmaModule 5: Starting a new project Part 1Reproducing Salesforce website landing page (5 pages)Module 6: Prototyping and High-Fidelity Prototyping in FigmaPrototypingOverview of prototyping and its importance in UI/UX DesignCreating prototypes in FigmaThe importance of high-fidelity prototypingCreating interactive and animated prototypes in FigmaTesting and iterating on high-fidelity prototypes in FigmaModule 7: Collaborative Workflows and Advanced Features in FigmaCollaborative Workflows in FigmaOverview of collaborative workflows in FigmaBest practices for collaborating on Figma projectsVersion control and commenting in FigmaModule 8: Product Management (JIRA MANAGEMENT SOFTWARE)Introduction to Product ManagementGetting started with JiraUnderstanding Epic, User stories and TasksUnderstanding the concept scrumUnderstanding a Product BacklogUnderstanding a Sprint BacklogScrum Team CompositionSetting up your JIRA AccountCreating a new projectCreating Epics, Stories, Tasks and BugsCreating BacklogsCreating a SprintPlanning a SprintWorking with Scrum Board and its configurationsClosing a Sprint

Overview

Section 1: Introduction to UI/UX Design

Lecture 1 Understanding User Interface (UI)

Lecture 2 Understanding User Experience (UX)

Lecture 3 The importance of UI-UX Design

Lecture 4 Design Thinking Process and User Research

Lecture 5 User-centered Designs

Section 2: Introduction to Figma as a Design Platform

Lecture 6 Overview of Figma and its features

Lecture 7 Getting started with Figma

Lecture 8 Signing up and logging in to Figma

Lecture 9 Downloading Figma to desktop device

Lecture 10 System Specifications-Requirements

Lecture 11 The Figma Toolbar

Lecture 12 The Figma layers panel

Lecture 13 The Design Panel

Lecture 14 Working with texts in Figma

Lecture 15 Colours in Figma - Introduction

Lecture 16 Creating new colours

Lecture 17 The prototype panel

Lecture 18 Using plugins in Figma

Lecture 19 Understanding Components and Groups in Figma

Lecture 20 Sectioning Screens in Figma

Lecture 21 Working with images

Lecture 22 Some Shortcut Keys in Figma

Section 3: Visual Design Principles in Figma

Lecture 23 Overview of typography

Lecture 24 Typescale in Figma

Lecture 25 Typescale in Figma 2

Lecture 26 Understanding Colours - Concept of Colours

Lecture 27 Understanding the concept of mixing colours for design

Lecture 28 60:30:10 Colour Rule

Lecture 29 Creating colour palette in Figma

Lecture 30 Some colour shortcuts

Section 4: Design for Specific Platforms and Devices in Figma

Lecture 31 Grid System - Understanding and working with Columns

Lecture 32 Grid System - Understanding and working with grids row

Lecture 33 Setting up grid system on mobile and tablet screens

Lecture 34 Platforms to go to get inspiration for new UI design concepts

Lecture 35 Some web interface rules

Lecture 36 Creating web interface design - Introduction

Lecture 37 Designing and working on the desktop screen - header section

Lecture 38 Working on header and understanding horizontal auto-layout

Lecture 39 Working on the hero section

Lecture 40 Working on the customers testimonial section - understanding cards

Lecture 41 Creating forms with vertical auto-layout

Lecture 42 Working on the footer

Lecture 43 Working on mobile screen - Introduction

Lecture 44 Working with mobile screen - Header section

Lecture 45 Working with mobile screen - Hero section

Lecture 46 Working with mobile screen - Testimonial section

Lecture 47 Working with mobile screen - Footer section

Section 5: Starting a new project

Lecture 48 Starting a new project - intro

Lecture 49 Working with Mood boards

Lecture 50 Getting set for new project - Salesforce.com

Lecture 51 Working on Salesforce header section

Lecture 52 Designing Salesforce hero section

Lecture 53 Salesforce whats new section

Lecture 54 Salesforce brand sections

Lecture 55 Salesforce couple of new sections

Lecture 56 Salesforce - More sections

Lecture 57 Salesforce Footer

Lecture 58 Salesforce Sign up page Part 1

Lecture 59 Salesforce Sign up page Part 2

Lecture 60 Salesforce Sign up page Part 3

Section 6: Prototyping and High-Fidelity Prototyping in Figma

Lecture 61 Getting started with Prototyping in Figma

Lecture 62 Creating a dropdown in Figma Prototyping new

Lecture 63 Creating Horizontal and Vertical Carousel Transitions in Figma

Lecture 64 Creating a Macquee text infinite scroller in Figma new

Lecture 65 Creating an infinite increase and decrease after

Lecture 66 Creating different types of sliders using prototyping in Figma

Lecture 67 Animating a complete landing page content in Figma

Section 7: Collaborative Workflows and Advanced Features in Figma

Lecture 68 Understanding what Collaborative workflow is and how to get started

Lecture 69 Collaborative workflows in 2 screens and pricing

For anyone who want to start a career as a product designer,For anyone ready to learn a no-code tech skill that converts,For anyone aiming to be better at using Figma design tool as a pro.,For anyone aiming to manage team of designers,For anyone ready to build website and mobile app designs