Learn Figma: User Interface Design Essentials - UI/UX Design | Arash Ahadzadeh | Skillshare
Browse
Search
Sign In

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Learn Figma: User Interface Design Essentials - UI/UX Design

teacher avatar Arash Ahadzadeh, UI/UX Designer | University Lecturer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction to the course

      2:15

    • 2.

      Introduction

      2:42

    • 3.

      Structure of the course

      1:15

    • 4.

      Tools

      0:48

    • 5.

      Intro to Design Basics

      0:28

    • 6.

      Layout

      2:00

    • 7.

      Visual Hierarchy

      5:02

    • 8.

      Visual Noise

      1:25

    • 9.

      Iconography

      1:01

    • 10.

      Typography

      3:09

    • 11.

      Color Contrast

      1:36

    • 12.

      Color Palette

      2:17

    • 13.

      Spacing

      1:12

    • 14.

      Composition

      1:25

    • 15.

      Design Guide

      0:40

    • 16.

      Consistent Fonts

      0:57

    • 17.

      Consistent Colors

      1:00

    • 18.

      Consistent Icons

      1:35

    • 19.

      Consistent UI Elements

      0:44

    • 20.

      Font Resources

      0:48

    • 21.

      Color Resources

      0:46

    • 22.

      Icon Resources

      0:57

    • 23.

      Introduction to Figma

      1:03

    • 24.

      Figma Requirements

      4:39

    • 25.

      Figma Environment

      4:28

    • 26.

      Shapes

      9:15

    • 27.

      Editing Shapes

      7:20

    • 28.

      Layers Basics

      6:38

    • 29.

      Boolean Operations

      4:59

    • 30.

      Text

      4:36

    • 31.

      Text Inspector

      4:57

    • 32.

      Text Style

      3:56

    • 33.

      Constraints and Adaptive Layouts

      5:24

    • 34.

      Auto Layout

      10:54

    • 35.

      Images

      4:44

    • 36.

      Styling: Fill

      3:33

    • 37.

      Styling: Stroke

      1:34

    • 38.

      Styling: Effects

      5:32

    • 39.

      Color Style

      3:56

    • 40.

      Masks

      2:29

    • 41.

      Components

      8:39

    • 42.

      Variants (NEW)

      20:25

    • 43.

      Layout Grids

      2:26

    • 44.

      Plugins

      9:14

    • 45.

      Exporting

      2:06

    • 46.

      Prototyping

      5:52

    • 47.

      Multiplayer & Commenting

      3:04

    • 48.

      Keyboard Shortcuts

      3:50

    • 49.

      Intro to UI Elements

      0:32