Beginner's guide to figma

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Figma and why use it

Lecture 3: Signing up on Figma

Lecture 4: Setting up your team

Lecture 5: Quick Figma walkthrough

Lecture 6: The project we will be designing in this course

Chapter 2: The basics: Important concepts needed to visualise your ideas on Figma

Lecture 1: Starting with a frame

Lecture 2: Intro to colors

Lecture 3: Color styles

Lecture 4: Gradients

Lecture 5: Simple logo on Figma

Lecture 6: Undraw

Lecture 7: Importing images

Lecture 8: Text styles

Lecture 9: Duplicating objects

Lecture 10: Aligning objects

Lecture 11: Button with round corners

Lecture 12: Manipulating text

Chapter 3: Fast creation: now that you know the basics, let's work 5X faster

Lecture 1: Components

Lecture 2: Duplicating screens

Lecture 3: Intro to prototyping

Lecture 4: Grid

Lecture 5: Navbar and Shadows

Lecture 6: Plugin – Iconify

Lecture 7: Creating the bookshelf

Lecture 8: Plugin – Unsplash

Lecture 9: Search bar

Lecture 10: Header, Plugin – Avatar & general page alignment

Lecture 11: Horizontal scrolling

Chapter 4: Borrowing: getting help from the community

Lecture 1: Borrowing from open source projects

Lecture 2: Tweaking borrowed components

Lecture 3: When to borrow or not borrow

Chapter 5: Micro interactions, prototyping and sharing

Lecture 1: Table

Lecture 2: Vertical scrolling

Lecture 3: Navigation interaction

Lecture 4: Figma mirror

Lecture 5: Sharing projects, prototypes and leaving comments

Lecture 6: Export projects

Lecture 7: Project thumbnail

Chapter 6: Challenge

Lecture 1: The challenge

Chapter 7: The end: thank you

Lecture 1: Thank you