UI Design with Figma: Master UI/UX Design Skills

Chapter 1. Introduction To Figma

Figma Quick Start Guide

Figma User Interface (UI) and Version Control

Figma Plugins

Chapter 2. Figma Basic Tools

Figma Design File Structure and Toolbar

Figma Design Object Properties

Figma Layout and Object Alignment Tools

Constraints in Figma

Figma Auto Layout

Nested Frames in Figma

Masking and Boolean Operations in Figma

Figma Component Basics

Figma Component Variants and Interactive Components

Styles in Figma

Exporting Figma Designs and Slicing

Chapter 3. App UI Design Basics and Concept Design with Figma

App UI Design Basics: How To Design App UI

App UI Design Elements

App UI Design Principles

App Concept Design (Storyboard) with Figma

Chapter 4. Wireframing with Figma

Designing User Flows and Wireframe Layouts

Preparing Wireframe UI Components

Figma Screen Mirroring for Mobile and Tablet UI

Practice Wireframe Design in Figma

Chapter 5. Mockup Design with Figma

Color Themes and Text Styles in Mockups

Practice Mockup Design in Figma

Chapter 6. Prototyping Interactive Designs with Figma

How To Use Figma Prototype Features

Prototype Interaction Settings and Practice

Advanced Interaction Settings