When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

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

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon10 hours 9 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

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

Introduction to the course

Introduction

Structure of the course

Tools

Intro to Design Basics

Layout

Visual Hierarchy

Visual Noise

Iconography

Typography

Color Contrast

Color Palette

Spacing

Composition

Design Guide

Consistent Fonts

Consistent Colors

Consistent Icons

Consistent UI Elements

Font Resources

Color Resources

Icon Resources

Introduction to Figma

Figma Requirements

Figma Environment

Shapes

Editing Shapes

Layers Basics

Boolean Operations

Text

Text Inspector

Text Style

Constraints and Adaptive Layouts

Auto Layout

Images

Styling: Fill

Styling: Stroke

Styling: Effects

Color Style

Masks

Components

Variants (NEW)

Layout Grids

Plugins

Exporting

Prototyping

Multiplayer & Commenting

Keyboard Shortcuts

Intro to UI Elements

Text Fields

Buttons

Sliders

Tooltips

Selection Controls

Chips

Cards

Dialogs

Lists

Tables

Navigation

Menus

Charts

Steppers

Snackbars

What is Wireframing?

User Flows

Interactive Prototypes

Wireframe tools

Wireframing in Figma

What is a Color Style?

Primary, Accent, Semantic Colors

Grey Colors & Gradients

Borders & Shadows

Intro to Typography Style

Typography Guide - Part 1

Typography Guide - Part 2

Designing a Modern Finance App

Launch Screen

Sign-in & Welcome Page

Sign-up Page

OTP Verification Screens

Profile Screens

Homepage

Menu

Credit Cards Page

Transactions Page

Detailed Transactions Page

Transfer Page

Confirmation Page

Notification Page

User's Profile

Onboarding Pages

Introduction to the Landing Page Project

What is a Landing Page?

Setting up Your Project

Create Your Color Styles

Wireframing Your Project - Part 1

Wireframing Your Project - Part 2

Navigation Bar

Hero Section - Part 1

Hero Section - Part 2

Feature Section - Credit Card

Feature Section - Statistics

Feature Section - Support

Membership Plans

FAQ Section

Footer

Prototyping Your Landing Page

Logo Types

Designing Our First Logo

Designing Our Second Logo

Designing Our Third Logo

Introduction to Adobe Photoshop

Environment of Adobe Photoshop

Basics of Adobe Photoshop

Adobe Photoshop For UI/UX Design

Intro to 3D Modeling

Create Your First 3D Model

Camera & Lightings

Materials & Textures

Create a 3D Scene

Rendering & Exporting

Prototyping Tools

Prototyping in Figma

Mocking up an App in Figma

How to Create Your Own Online Portfolio?

How to Use Dribbble?

How to Use Behance?

How to Get Your First Client?

How to Start Your Own Business?

How to Scale Your Business?

Communicating With Your Clients

Contract

Where to Find World Class Design Inspiration?

Image Resources

What is Your Next Step?

What You Will Learn?

  • Do you want to become a UI/UX designer but you don't know where to start? This course will allow you to develop your user interface design skills and you can add UI designer to your CV and start getting clients for your skills. .
  • Hi everyone. I'm Arash and I'm a UI/UX designer. In this course, I will help you learn and master Figma app comprehensively from scratch. Figma is an innovative and brilliant tool for User Interface design. It's used by everyone from entrepreneurs and start-ups to Apple, Airbnb, Facebook, etc..
  • By the end of this course, you will be able to create world-class User Interface (UI) and User Experience (UX) designs. Throughout the course first, you will learn about all the Design Basics, UI Elements, Typography, etc. and then we will work on real-world projects together..
  • Moreover, we will design a finance app completely from scratch and I will share with you all the necessary techniques and hidden secrets you need for mobile application and web design..
  • Additionally, we will design a complete modern landing page together where you will learn the essentials of web design..
  • This course has been designed for people completely new to UI/UX design or let’s say design in general. We will start with the most basic principles and work all the way through, step by step..
  • We start the course by explaining the differences between UI and UX design. And then we will start learning about Figma app in Figma Academy section. After that, we'll create a simple low-fidelity wireframe to understand its usage and benefits..
  • I’ll go over all of the essential tools necessary for creating an amazing User Interface (UI) and User Experience (UX). Not only will you learn about Figma app, but also you will learn about Adobe Photoshop, Vectary, Dribbble, Behance, etc..
  • The Design Basics section covers all the necessary principles, including: Layout, Iconography, Typography, Color Contrast, Composition, Spacing, etc..
  • One of the interesting parts of the User Experience design process is micro-interactions. I will teach you how to use InVision Studio for creating this kind of interaction..
  • With over 10 hours of content across 130+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Figma in a professional manner..
  • An amazing course for people with zero design experience, or for experienced designers who want to learn and master Figma and want to become a User Interface designer. By the end of this course, you’ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a UI/UX designer job..
  • Course highlights:.
  • Mastering Figma App.
  • Tips & Tricks, make most of Figma Tools.
  • Colors, Iconography, and Typography.
  • BONUS! Get 2 brand-new UI Kits worth $3000..
  • So, what are you waiting for? Start the class today!!.