One & Only Mobile App UI/UX Design Masterclass with Figma

One & Only Mobile App UI/UX Design Masterclass with Figma, available at $54.99, has an average rating of 4.85, with 96 lectures, based on 47 reviews, and has 388 subscribers.

You will learn about Design Mobile Applications Design Applications for both Android and iOS Create an Application Prototype Introduction with Figma Figma Interface Figma Features Figma Shortcuts Create Animations in Figma And much more! This course is ideal for individuals who are Mobile Designers or Android Developers or iOS Developers or Mobile Developers or UI Designers or UX Designers or Anyone who wants to learn how to use Figma or Anyone who wants to learn how to Design Mobile Applications or Anyone who wants to learn how to create Prototypes with Figma or Anyone who wants to learn how to Create Beautiful Designs or Anyone who wants to learn how to Create a Mobile App Design before start Coding It is particularly useful for Mobile Designers or Android Developers or iOS Developers or Mobile Developers or UI Designers or UX Designers or Anyone who wants to learn how to use Figma or Anyone who wants to learn how to Design Mobile Applications or Anyone who wants to learn how to create Prototypes with Figma or Anyone who wants to learn how to Create Beautiful Designs or Anyone who wants to learn how to Create a Mobile App Design before start Coding.

Enroll now: One & Only Mobile App UI/UX Design Masterclass with Figma

Summary

Title: One & Only Mobile App UI/UX Design Masterclass with Figma

Price: $54.99

Average Rating: 4.85

Number of Lectures: 96

Number of Published Lectures: 96

Number of Curriculum Items: 96

Number of Published Curriculum Objects: 96

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Design Mobile Applications
Design Applications for both Android and iOS
Create an Application Prototype
Introduction with Figma
Figma Interface
Figma Features
Figma Shortcuts
Create Animations in Figma
And much more!

Who Should Attend

Mobile Designers
Android Developers
iOS Developers
Mobile Developers
UI Designers
UX Designers
Anyone who wants to learn how to use Figma
Anyone who wants to learn how to Design Mobile Applications
Anyone who wants to learn how to create Prototypes with Figma
Anyone who wants to learn how to Create Beautiful Designs
Anyone who wants to learn how to Create a Mobile App Design before start Coding

Target Audiences

Mobile Designers
Android Developers
iOS Developers
Mobile Developers
UI Designers
UX Designers
Anyone who wants to learn how to use Figma
Anyone who wants to learn how to Design Mobile Applications
Anyone who wants to learn how to create Prototypes with Figma
Anyone who wants to learn how to Create Beautiful Designs
Anyone who wants to learn how to Create a Mobile App Design before start Coding

Welcome to my course. This course will be all about the Figma. Figma is one of the most complete, collaborative and community-driven design softwares out there. With Figma you can do all different sorts of things, from UI/UX Design, Graphic Design, Wireframing, Brainstorming to Prototyping and Creating your own Design Systems, all of that, in an easy and collaborative way with other people.

To be honest, this course has a lot to offer. We are going to start by introducing with some of most important features in Figma. Then after that I’m going to show you in practice how to work with all of the tools that are available in Figma. How to apply them in a real-world projects.

And only after that, after you’re comfortable enough, then we are going to start working on our own project design from scratch. That project will be a Mobile application, or a game, called Tic-Tac-Toe.

That project will have around 70-80 different screen designs, including a design for both light and a dark theme. You will learn how to make your own Design System, how to create unique and reusable custom UI components, and more.

After we complete all of that, at the end, like a cherry on top of the cake, we are going to create a real prototype application out of that same design. You will learn how to give a life to your design, by creating an interactive animations. We are going to build a real application flow, for all those 80 different screens.

I could go on with this a lot more, but why waste your time. Enroll in this course and let’s get started!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Desktop vs Browser Version

Lecture 3: Download and Install Figma

Lecture 4: Figma Interface Overview

Lecture 5: Adjust Figma Interface Size

Lecture 6: Canvas Background and Theme

Lecture 7: Offline Mode

Chapter 2: Figma Basics

Lecture 1: Navigating around the Canvas

Lecture 2: Move/Scale Tool

Lecture 3: Frame Tool

Lecture 4: Slice Tool

Lecture 5: Shape Tools

Lecture 6: Pen/Pencil Tool

Lecture 7: Arc Tool

Lecture 8: Boolean Operations

Lecture 9: Layers Panel

Lecture 10: Measure distances between objects

Lecture 11: Custom Thumbnail

Chapter 3: Image

Lecture 1: Image Tool

Lecture 2: Image as a Fill

Lecture 3: Pasting an Image

Lecture 4: Image Effects

Lecture 5: Import Multiple Images at once

Lecture 6: Masks

Chapter 4: Text

Lecture 1: Text Tool

Lecture 2: Formatted Lists

Lecture 3: Emojis within a Text

Lecture 4: Convert Text into a Vector

Lecture 5: Icons as a Text

Lecture 6: Creating a Link

Lecture 7: Managing Text Styles

Chapter 5: Layout Tools

Lecture 1: Groups

Lecture 2: Smart Selection

Lecture 3: Guides

Lecture 4: Constraints

Lecture 5: Grids

Lecture 6: Nudge Values

Lecture 7: Auto Layout

Lecture 8: Outlines Mode

Chapter 6: Styles and Components

Lecture 1: Color Styles

Lecture 2: Text Styles

Lecture 3: Other Styles

Lecture 4: Introducing with Components

Lecture 5: Component's Text Property

Lecture 6: Component's Boolean Property

Lecture 7: Component's Instance Swap Property

Lecture 8: Component Variants

Chapter 7: Collaboration

Lecture 1: Spotlight

Lecture 2: Cursor Chat

Lecture 3: Comments

Chapter 8: Useful Resources

Lecture 1: Fonts

Lecture 2: Colors

Lecture 3: Vectors and other Assets

Lecture 4: Interesting Plugins for Figma

Chapter 9: Tic Tac Toe Game – UI Design Project

Lecture 1: Design Systems

Lecture 2: Project Resources

Lecture 3: Color Styles for the Project

Lecture 4: Text Styles for the Project

Lecture 5: Design the Splash Screen

Lecture 6: Layout of an Onboarding Screen

Lecture 7: Design Onboarding Navigation Component Variants

Lecture 8: Design Onboarding Content Component

Lecture 9: Design Onboarding Image and Finish it

Lecture 10: Design Sign in Screen & Button Component

Lecture 11: Layout of a Preparing Screen

Lecture 12: Design Loading Progress Component

Lecture 13: Preparing Screen – Handle Internet Connection

Lecture 14: Home Screen – Design Score Component

Lecture 15: Design Game History Component

Lecture 16: Design Scoreboard Component

Lecture 17: Design Bottom Bar Component

Lecture 18: Design Top Bar Component

Lecture 19: Design an Input Field and a Game History Screen

Lecture 20: Design Date Picker Component

Lecture 21: Design Scoreboard Screen

Lecture 22: Online Players – Empty State

Lecture 23: Online Players – Status & Small Button Components

Lecture 24: Online Players – Search Players

Lecture 25: Small Button – Different States

Lecture 26: Online Players – Bottom Sheet

Lecture 27: Design Friends Screen

Lecture 28: Design Dialog Component

Lecture 29: Design Game Board Component

Lecture 30: Game Board – Dark Theme

Lecture 31: Finishing the Game Screen

Chapter 10: Prototyping

Lecture 1: About Prototyping

Lecture 2: Flow 1 – On Boarding

Lecture 3: Flow 2 – Sign in without On Boarding

Lecture 4: Flow 3 & 4 – Preparing Screen

Lecture 5: Flow 5 – Home and Game History

Instructors

Stefan Jovanovic
Kotlin Multiplatform Developer

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 3 votes
4 stars: 10 votes
5 stars: 32 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!

Menu