The Complete Figma Course – Designing Mobile Web App UIUX

The Complete Figma Course – Designing Mobile & Web App UI/UX, available at $84.99, has an average rating of 4.44, with 83 lectures, based on 2760 reviews, and has 9458 subscribers.

You will learn about How to use Figma on 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 This course is ideal for individuals who are Beginner-level designers interested in user interface & user experience design (UI/UX) or Beginner/Intermediate designers interested in earning income as a freelance designer or Any-level designers looking to get into web & mobile app designs (graphical user interface) or Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype. or Anyone looking to jump into a new exciting career with graphic design. It is particularly useful for Beginner-level designers interested in user interface & user experience design (UI/UX) or Beginner/Intermediate designers interested in earning income as a freelance designer or Any-level designers looking to get into web & mobile app designs (graphical user interface) or Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype. or Anyone looking to jump into a new exciting career with graphic design.

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

Summary

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

Price: $84.99

Average Rating: 4.44

Number of Lectures: 83

Number of Published Lectures: 82

Number of Curriculum Items: 83

Number of Published Curriculum Objects: 82

Original Price: $79.99

Quality Status: approved

Status: Live

What You Will Learn

How to use Figma on 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

Who Should Attend

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.

Target Audiences

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.

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.

[NEW] This course has been updated for 2022 to include all the latest Figma Features for your convenience and to keep the course fully up to date with Figma.

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 10 years of experience designing and developing dozens of mobile appsand 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

Adding animations, overlays, links, and more to our prototype to make them more usable

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to Course

Chapter 2: Getting Started with Figma

Lecture 1: Whats Figma?

Lecture 2: Lets Sign Up!

Lecture 3: The Basics

Lecture 4: Creating New Files

Lecture 5: Importing from Sketch

Chapter 3: Exploring Figma

Lecture 1: The Main Toolbar

Lecture 2: The Properties Panel

Lecture 3: The Layers Panel

Lecture 4: Useful Shortcuts

Chapter 4: Figma Tools in Action

Lecture 1: Frames

Lecture 2: Grids & Guides

Lecture 3: Creating Shapes

Lecture 4: Pen & Pencil Tools

Lecture 5: Boolean Operations

Lecture 6: Boolean Exercise Solution

Lecture 7: Alignment Tools

Chapter 5: Designing Our First Mobile UI

Lecture 1: Mockup Requirements

Lecture 2: Mockup Files

Lecture 3: The Wireframe

Lecture 4: Setting Up Our Frames

Lecture 5: Images & Overlays

Lecture 6: Adding Icons

Lecture 7: Choosing a Color Scheme

Lecture 8: Setting Up Color Styles

Lecture 9: Tutorial Page

Lecture 10: Components

Lecture 11: Button Components

Lecture 12: Using Pages to Organize

Lecture 13: Using Variants to Create Component Groups

Lecture 14: Variants Exercise Solution

Lecture 15: Exploring Variants Even More

Lecture 16: Payment Page

Lecture 17: Constraints

Lecture 18: Constraints Exercise Solution

Lecture 19: Plugins

Lecture 20: Completing Our Map Page

Chapter 6: Completing Our Mobile Mockup

Lecture 1: User Experience Design (UX)

Lecture 2: Using Templates

Lecture 3: Using Apple Templates & Fonts

Lecture 4: Working on Our Main Pages

Lecture 5: Designing a Tab Bar for Navigation

Lecture 6: Using Variants for Tab Bars

Lecture 7: Request Page

Lecture 8: Store Cards

Lecture 9: Adding Constraints to the Request Page

Lecture 10: Profile Page

Lecture 11: Applying Constraints to the Profile Page

Lecture 12: Services Page

Lecture 13: Adding Sample Data from Google Sheets

Lecture 14: Finding Custom Fonts to Use

Lecture 15: Creating Text Styles

Lecture 16: Applying Text Styles Everywhere

Lecture 17: Finishing Touches

Chapter 7: Prototyping

Lecture 1: Creating Prototypes

Lecture 2: Adding Connections between Frames

Lecture 3: Scrolling in Prototypes

Lecture 4: Testing on a Real Device

Lecture 5: Using Overlays for Tutorial Cards

Lecture 6: Openning Links

Lecture 7: Adding Animations

Lecture 8: Page Transitions

Lecture 9: Interactive Maps

Lecture 10: Playing GIFs

Lecture 11: Smart Animate

Lecture 12: Interactive Components

Lecture 13: Interactive Components Exercise Solutions

Lecture 14: Creating New Flows

Chapter 8: Teams & Sharing

Lecture 1: Sharing Our Files

Lecture 2: Working with Teams

Chapter 9: Exporting from Figma

Lecture 1: Creating Exports

Lecture 2: Code Handoff

Chapter 10: Designing a Web App UI

Lecture 1: Project Outline

Lecture 2: Starting with a Template

Lecture 3: Login Page

Lecture 4: Image Masks

Lecture 5: Dashboard Page

Lecture 6: Auto-Layout

Lecture 7: Adding Sample Data

Lecture 8: Full Web Mockup

Lecture 9: Version History

Chapter 11: Conclusion

Lecture 1: Well Done!

Instructors

Nima Tahami
Entrepreneur & Designer ? Co-Founder of ShiftRide

Rating Distribution

1 stars: 9 votes

2 stars: 36 votes

3 stars: 196 votes

4 stars: 932 votes

5 stars: 1587 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!