• Home
  • Design

The Complete Figma Course – Designing Mobile & Web App UI/UX

By Nima Tahami, Entrepreneur & UI/UX Designer and Instructor

5.0
Language: English

This course is for you

You will learn how to create beautiful mobile & web user interfaces that you can then turn into live prototypes with the help of Figma.

Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac and Windows.

Is this course for you? You're in the right place if any of these apply to you:

  • You’re interested in user interface & user experience design (UI/UX) but not sure where to start.
  • You’re an entrepreneur with an app idea and want to turn your idea from a sketch to a realistic mockup and prototype.
  • You want to brush up your design skills to get the job that you want at companies like Airbnb, Google, Apple, etc.
  • You’re already designing and want to jump into Figma and take your designs to the next level.
  • You’re interested in earning income as a freelance designer.
  • You simply want to enter a new career path, and graphic design has interested you.

By the end of this course: You will have learned the many great tools Figma has to offer and you will be able to design engaging mobile and web mockups, that you can turn into live interactive prototypes, for your own projects or for your clients.

What do I need? This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer and a web browser.

About your instructor:

This course is taught by entrepreneur & designer Nima Tahami. Nima has more than 11 years of experience designing and developing dozens of mobile apps and web apps for both clients and startups of his own. Nima's current startup, ShiftRide, has been covered in many news outlets, including Forbes, where his app was highlighted for its ease of use.
Nima has created this course to help people become the best designer they can be. Design is part of the foundation of many things from great products & websites to great advertisements and everything in between. Nima has also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.

Course Overview: The course is broken down into 3 main parts: Learning all about Figma, Designing a Full Mobile Mockup, and Designing a Simple Web App Mockup.

Learning All About Figma:

  • Understanding why Figma is great
  • Signing Up for Figma
  • Going over the basics of the software
  • Importing Files from Sketch
  • Creating Frames, Shapes, and exploring with Drawing Tools

Designing a Full Mobile Mockup:

  • Designing the Mobile App UI for a laundry delivery service called Clean Kangaroo
  • Creating reusable design components
  • Using constraints to create responsive designs for any size mobile device
  • Applying easy-to-change styles for colours and typography
  • Turning our mockup into an interactive prototype
  • Testing our prototype on a real device
  • Sharing & Exporting our designs
  • Working live with a team inside Figma

Designing a Simple Web Mockup:

  • Designing a 3-Page Web App UI for Clean Kangaroo
  • Using Auto-Layout to create smart dynamic designs
  • Filling in our designs with sample data using Plugins

So what are you waiting for? Let’s get started learning how to design real-world projects using Figma and take our design skills to a whole new level together.

What you’ll learn:

  • How to use Figma on the web & desktop
  • Designing full mobile & web mockups (UI Design)
  • Creating great experiences with applications of UX Design
  • Building interactive prototypes to share with co-workers and clients
  • Seeing your prototypes live on your own mobile phone
  • Creating easy-to-tweak designs using re-usable components & styles
  • How to pick colour schemes and unique typography for your designs
  • Working with your clients/team right within Figma

Are there any course requirements or prerequisites?

  • A Computer (Mac or Windows)
  • Internet Connection

Who this course is for:

  • Beginner-level designers interested in user interface & user experience design (UI/UX)
  • Beginner/Intermediate designers interested in earning income as a freelance designer
  • Any-level designers looking to get into web & mobile app designs (graphical user interface)
  • Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype.
  • Anyone looking to jump into a new exciting career with graphic design.

Course overview - 73

  • Introduction

  • What's Figma?

  • Signing Up

  • The Basics

  • Creating New Files

  • Importing from Sketch

  • The Main Toolbar

  • The Properties Panel

  • The Layers Panel

  • Useful Shortcuts

  • Frames

  • Grids & Guides

  • Creating Shapes

  • Pen & Pencil Tool

  • Custom Shapes with Boolean Operations

  • Boolean Operations Exercise Solution

  • Alignment Tools

  • Mobile App – Mockup Requirements

  • Mockup Files

  • The Wireframe

  • Setting Up Our Frames

  • Images & Overlays

  • Adding Icons

  • Choosing a Color Scheme

  • Setting Up Color Styles

  • Tutorial Pages

  • Components

  • Button Components

  • Using Pages to Organize

  • Using Variants to Create Component Groups

  • Variants Exercise Solution

  • Exploring Variants Even More

  • Payment Page

  • Constraints

  • Constraints Exercise Solution

  • Plugins

  • Completing Our Map Page

  • User Experience Design (Intro to UX)

  • Using Templates

  • Using Apple Templates & Fonts on Windows

  • Working on Our Main Pages

  • Designing a Tab Bar for Navigation

  • Using Variants for Tab Bars

  • Request Page

  • Store Cards

  • Adding Constraints to the Request Page

  • Profile Page

  • Applying Constraints to the Profile Page

  • Services Page

  • Adding Sample Data from Google Sheets

  • Finding Custom Fonts to Use

  • Creating Text Styles

  • Applying Text Styles Everywhere

  • Finishing Touches

  • Creating Prototypes

  • Adding Connections between Frames

  • Scrolling in Prototypes

  • Testing on a Real Device

  • Sharing Our Files

  • Working with Teams

  • Creating Exports

  • Code Handoff

  • Web App – Project Outline

  • Starting with a Template

  • Login Page

  • Image Masks

  • Dashboard Page

  • Auto-Layout

  • Adding Sample Data

  • Full Web Mockup

  • Version History

  • Well done!

  • Stay Connected!

Meet your instructor

Nima Tahami
Nima TahamiEntrepreneur & UI/UX Designer and Instructor
I'm an entrepreneur & designer with a high passion for building products of all sorts and seeing ideas come to life. As a serial entrepreneur, I've designed and built projects in fields ranging from fashion to technology. I have over 10 years of experience in both designing and developing dozens of mobile & web apps for clients, through ClevrDesign and my own startups. I've also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications. Ultimately, my goal is to create beautiful and useful products, while teaching and inspiring others to become the best designers they can be.