UI/UX Design Mastery with Figma: From Beginner to Job-Ready

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

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 Figma

• Understanding User Interface (UI) Concept

• Understanding User Experience (UX) Concept

• The importance of UI/UX Design

• Design Thinking Process and User Research

• User-centered Designs

Module 2: Introduction to Figma

• Overview of Figma and its Features

• Getting started with Figma –

• Creating a new account in Figma

• Downloading Figma to a Laptop

• System Specifications/Requirements

• The start screen

• Basic interface navigation in Figma

• Working with Vector Shapes in Figma

• Working with texts

• Working with Frames in Figma

• Working with align tools in Figma

• Working with plugins

• Understanding Components and Groups

• Sectioning

• Working with Images

• Some Figma Shortcut Keys

• Take – Home Exercise

Module 3: Visual Design Principles in Figma

• Overview of Typography and its Importance in UI/UX Design

• Choosing the right fonts and typography styles for your design

• Typescale in Figma

• Typescale in Figma 2

• Understanding colour theory and its application in UI/UX Design

• Working with Colours – Intro

• How to get new colours

• Colour concepts

• Working with 60:30:10 colour rules

• Creating colour palettes and applying them in Figma

• Some Colour Shortcut

• Some Exercises

• LIVE SESSIONS

Module 4: Design for Specific Platforms and Devices in Figma

• Grid System - Understanding and working with Columns

• Grid System - Understanding and working with grids row

• Setting up grid system on mobile and tablet screens

• Platforms to go to get inspiration for new UI design concepts

• Some web interface rules

• Starting a New Design Page

• Creating web interface design - Introduction

• Designing and working on the desktop screen - header section

• Working on header and understanding horizontal auto-layout

• Working on the hero section

• Working on the customers testimonial section - understanding cards

• Creating forms with vertical auto-layout

• Working on the footer

• Working on mobile screen - Introduction

• Working with mobile screen - Header section

• Working with mobile screen - Hero section

• Working with mobile screen - Testimonial section

• Working with mobile screen - Footer section

  
  

Module 5: Starting a new project Part 1

• Starting a new project - intro

• Working with Mood boards

• Getting set for new project - Salesforce Landing Page

• How to extract pictures from other websites

• Working on Salesforce header section

• Working on the agentforce section

• Working on the Designing Grow faster with section

• Working on Salesforce is the platform section

• Working on the Launch faster with section

• Working on the We believe section

• Working in Salesforce Footer

• Working on Salesforce Sign Up pages

• Working on Salesforce Login Page

  
  

Module 6: Prototyping and High-Fidelity Prototyping in Figma

• Getting started with Prototyping in Figma

• Overview of prototyping and its importance in UI/UX Design

• Creating prototypes in Figma

• The importance of high-fidelity prototyping

• Creating interactive and animated prototypes in Figma

• Testing and iterating on high-fidelity prototypes in Figma

  
  

Module 7: Collaborative Workflows and Advanced Features in Figma

Collaborative Workflows in Figma

• Overview of collaborative workflows in Figma

• Best practices for collaborating on Figma projects

• Version control and commenting in Figma

Module 8: Masterclass (Live Session)

• Introduction to Portfolio Creation as a UI/UX Designer

• Orientation & Mindset

• What Makes a Strong UI/UX Portfolio

• Case Study Creation (Deep Dive)

• Break

• Portfolio Platforms & Website Creation

• Live Portfolio Build + Reviews

• Career Strategy & Next Steps

• Q&A + Wrap-up