Figma for Web Design & Freelancing: Master UI/UX

Course Curriculum

Chapter 1: Get started with Figma

Lecture 1: Introduction

Lecture 2: Download all the resources here

Lecture 3: What is Figma and is it better than other design programs?

Lecture 4: Your first website design

Lecture 5: Solving your first website design

Lecture 6: The welcome screen in Figma

Lecture 7: Getting started with Figma

Lecture 8: Best ways to move around in Figma

Lecture 9: How to get help fast

Lecture 10: Exercise: how to move elements around

Lecture 11: Solving the exercise and a few pro tips

Lecture 12: Discover Figma’s interface & why professionals use it

Lecture 13: Contest 1: Your own mini website

Lecture 14: Editing icons: colors & size

Lecture 15: Here's why so many beginners give up

Lecture 16: Conclusions

Chapter 2: Discover the most important things about Figma

Lecture 1: Introduction

Lecture 2: The biggest difference in Figma versus other programs

Lecture 3: Here’s how you create buttons in Figma

Lecture 4: The basics of working with color

Lecture 5: How to work with color like a pro

Lecture 6: How to add images: frames vs rectangles

Lecture 7: Create a gallery / collage in Figma

Lecture 8: Here are the 3 types of text in Figma

Lecture 9: Discover the properties of text layers

Lecture 10: How to work with text like a pro

Lecture 11: Effects in Figma: blur, shadows & more

Lecture 12: Everything you need to know about grids

Lecture 13: An overview of components

Lecture 14: Drafts & Projects in Figma

Lecture 15: How to mask in Figma

Lecture 16: Here’s what makes you a good web designer

Lecture 17: Conclusions

Chapter 3: First web design project

Lecture 1: Introduction

Lecture 2: Set up the desktop version the correct way

Lecture 3: Create the header

Lecture 4: Create the main menu

Lecture 5: Set up the search box

Lecture 6: Create a dropdown menu

Lecture 7: Create the most important item – the card

Lecture 8: How to improve the cards

Lecture 9: Set up the secondary navigation

Lecture 10: Create the pagination

Lecture 11: Create the foundation for the footer

Lecture 12: Adding content in the footer

Lecture 13: How to handle visual imperfections

Lecture 14: Here’s what you need to remember

Lecture 15: Contest 2: Your own blog design

Chapter 4: Freelancing

Lecture 1: Discover what freelancing is REALLY all about

Lecture 2: Without this skill, you can’t succeed!

Lecture 3: Best and worst way to get started as a freelancer

Lecture 4: How to set up your freelancing profile

Lecture 5: The truth about freelancing platforms: Upwork, Freelancer, Fiverr

Lecture 6: Crowdsourcing revealed: the pro’s and con’s

Lecture 7: Poll: What are your goals?

Lecture 8: Don’t go on 99designs before you watch this!

Lecture 9: Revealed: Coding and Photoshop vs Adobe XD vs Figma

Lecture 10: Here’s how to start a portfolio and get clients

Lecture 11: The importance of your mindset

Lecture 12: Is the competition too difficult on 99designs?

Lecture 13: 9 tools for working longer: fix eye, back, neck pain

Lecture 14: Improve your mood & concentration

Chapter 5: The first key to great web design

Lecture 1: Introduction

Lecture 2: Best settings & website components

Lecture 3: Case study: Non-standard layouts

Lecture 4: Exercise: Create a standard website layout

Lecture 5: How to size your web elements correctly

Lecture 6: My formula for perfect text

Lecture 7: Case study: text layers

Lecture 8: What you need to know about color contrast

Lecture 9: Case study: Colors – Part 1

Lecture 10: Case study: Colors – Part 2

Lecture 11: How to align elements in the hero area

Lecture 12: 3 rules for web design icons

Lecture 13: Case Study: Visual Balance

Lecture 14: Final thoughts

Chapter 6: The second key to great web design

Lecture 1: Introduction

Lecture 2: What’s the point of the website?

Lecture 3: The user versus the business owner

Lecture 4: Analytics in web design

Lecture 5: Templates & Website Builders – The web designer’s death?

Lecture 6: Case Study: 4 versions of the same website

Lecture 7: E-commerce homepage layout

Lecture 8: E-commerce product details

Lecture 9: E-commerce checkout

Lecture 10: Why aren’t websites perfect?

Lecture 11: Case studies: the client’s needs

Lecture 12: Landing page vs a website

Lecture 13: Lead generation in landing pages

Lecture 14: Why landing pages have a bad reputation

Lecture 15: Digital product landing page

Lecture 16: Testing landing pages

Lecture 17: Case study: my landing page

Lecture 18: Final thoughts about the client’s needs