Design

UX/UI Design with Figma

Build your first UI. 5 chapters · 43 episodes covering Figma fundamentals.

Chapters

Episodes

Students

Rating

95%

Instructor

Salma

Course Content

5 chapters · 43 episodes

UX/UI Foundations

4 episodes

UX/UI Design Overview

Intro

UX/UI: The Skeleton of Every Experience

The Core Principles of Great Design

Figma Essentials

10 episodes

Getting Started with Figma

Getting Familiar with the Figma Interface

Frame Tool

Section Tool

Rectangle Tool & Properties Panel

Special Shapes

Image & Video Tool

Pen & Pencil Tools

Text Tool

Organizing and Naming Layers

Visual Design: Typography & Color

17 episodes

Typography: Readability & Principles — Intro

Typeface vs Font: The Difference

Font Categories

Anatomy of a Typeface

Font Properties

Measure, Rag, Widows & Orphans

Typography Basics

Hard & Fast Rules

Good vs Bad Typography Use

Color, Branding & Accessibility — Intro

RGB & HEX

Hot & Cold Colors

Tints & Shades

Saturation, Hue & Lightness

The Color Wheel

5 Types of Color Schemes

Color Palette Creation & Inspiration

Layouts, Grids & Wireframing

9 episodes

Layouts, Grids & Wireframing — Intro

What is Layout & Why It Matters

What is a Grid + Types of Grids

How to Use Grids in Figma

What are Wireframes

Pros & Cons of Wireframing

Tools & Tips

Wireframes vs Other Design Documents

Recap

Design Your First UI

3 episodes

Design Your First UI — Figma Walkthrough

Designing a Website's Landing Page in Figma — Part 1

Designing a Website's Landing Page in Figma — Part 2