Skip to content
UdemyFigmaPaid courseBeginner levelCertificate

One & Only Mobile App UI/UX Design Masterclass with Figma (Udemy.com)

Become PRO in UX/UI Design. Less Theory and More Practice. Become Proficient, Confident and Expert with Figma!

Created by: Stefan Jovanovic

Last updated November 2022

Our take

Based on the ratings of 61 students, a sample of their written reviews and the syllabus, as the course stood in November 2022. No course pays to be reviewed.

Stefan Jovanovic teaches Figma through one long build. The course runs 12.7 hours over 96 lectures. The first half covers the interface, images, text, layout tools, styles, components and collaboration. Then comes a Tic-Tac-Toe mobile app design, about five hours of the total, followed by a prototyping section with animations. The audience list leans toward Android and iOS developers who want to mock up an app before coding, and the instructor is a developer and designer himself. It is a small course, with 459 students, last updated in November 2022.

Reviewers give it 4.6 from 61 ratings, and 43 of those are five stars. Praise goes to the detail and the pacing. One reviewer calls it well taught and well paced, and an Android developer with no design background says he learned a great deal. The complaints are about following along live. Two reviewers say the instructor changes his mind mid-lesson, says one thing and clicks another, or reels off shortcut combinations too fast, which means a lot of rewinding. Others asked for FigJam basics and graphic principles.

Because the last update was in late 2022, Figma's menus may differ in places. The format is watch and copy, with no quizzes or coding exercises and one short homework lecture. That suits people who learn by building. We would recommend it to developers who want a practical route into mobile UI design, and we would pass if you want design theory first, or a course refreshed this year.

Best forAndroid or iOS developers who want to design app screens in Figma before coding, following one long project.
Skip it ifYou want design theory or graphic principles first, or need a course updated after 2022.

Pros

  • One long Tic-Tac-Toe project, 31 lectures and about five hours, builds a full app design
  • Goes past drawing shapes into variants, styles and reusable components
  • Ends with a prototyping section that adds interactive animations across the screens
  • Reviewers call the pacing good and the detail deep, even for non-designers

Cons

  • Instructor sometimes changes course mid-lesson or rattles off shortcuts, forcing rewinds
  • Last updated November 2022, so Figma's interface may look different now
  • No quizzes or exercises, and reviewers wanted FigJam and graphic principles added
You learn the basics of Figma including the complexities of it like variants, style guides and prototyping. An overall well taught and well paced course, gives you everything you need to learn the software effectively.
Neil Pinnock, a student

Beginner level fits. Only a Figma account is required, and developers with no design background are the main audience.

icon
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!

Course content

12 sections · 96 lectures · 13 hours of video

  1. 1Introduction 3 free previews7 lectures · 30 min
  2. 2Figma Basics11 lectures · 1.1 hours
  3. 3Image6 lectures · 28 min
  4. 4Text7 lectures · 37 min
  5. 5Layout Tools8 lectures · 1.1 hours
  6. 6Styles and Components8 lectures · 1 hour
  7. 7Collaboration3 lectures · 15 min
  8. 8Useful Resources4 lectures · 29 min
  9. 9Tic Tac Toe Game - UI Design Project31 lectures · 5.4 hours
  10. 10Prototyping9 lectures · 1.7 hours

Who it is for

The instructor says it suits

  • 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

What you need before you start

  • Internet Connection
  • Figma Account
  • Motivation to learn

How it compares

Against the other 32 rated Udemy courses in Figma on CourseDuck:

  • Rating4.6 out of 5higher than 71% of them
  • Reviews61#28 of 33 by number of reviews
  • Length12.7 hourslonger than 71% of them
  • Last updatedNovember 2022earlier than 75% of them

icon
Course Description

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!



icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Stefan Jovanovic

Hi, my name is Stefan Jovanović. I’m a Kotlin Multiplatform developer, designer and technology enthusiast. Love working on a new and exciting projects, sharing my knowledge with others, and always willing to learn more.

I believe that permanent education is the key to success. I’ve been working as a developer/designer for 6 years so far.

Have a lots of projects on my mind. I will be creating many useful courses in the future, and hope to hear from you as you enroll in one of them!


Kind regards

icon
More courses by Stefan Jovanovic

$64.99

$74.99

$64.99

$74.99

$74.99

$64.99

icon
More Figma courses

$124.99

$149.99

$109.99

$74.99

$69.99

Free

icon
Reviews

4.6

61 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Lucas Mendes on 11/30/2024

For me, an Android developer that have never studied how to design an app screen (just did it directly in Android Studio), this course was amazing, I learned so much! The course is very informative, has so much details and conveys in-depth knowledge on the subject. The only downside in when i am trying to replicate realtime what is being done in the lessons in my Figma. There are several moments when one action is done during the class and then the teacher changes his mind, making me redo some things. Another case is between classes, that always some changes are made, be the organization of some screens or be the labeling of the components, which aren't shown or at least cited in the following class, but I can see while studying that some changes were made. Aside from that, the course is outdated. Figma changed its UI, but you can go back to the old layout to follow the classes more easily.

By MaibornWolff Spain S.L. B02955086 C/ Co on 1/22/2024

thanks for creating this course

By Hamza Güleç on 9/3/2023

Thank you so much, Everythink going fine teacher :) god bless you! :)

By Neil Pinnock on 4/24/2023

A great course highly recommended. You learn the basics of Figma including the complexities of it like variants, style guides and prototyping. An overall well taught and well paced course, gives you everything you need to learn the software effectively.

By Виктор Сапрыкин on 2/23/2023

Отличный курс, с автором познакомился еще в Youtube по Jetpack Compose)))

By Edidiong Patrick on 2/14/2023

very easy to understand

By Steven Gragg on 11/28/2022

AMAZING AWESOME SUPERB TEACHING EASY TO FOLLOW

By Kishor Ramani on 11/24/2022

It's a super cool and in-detail course. You will get lots of knowledge in this course. Please add FigJam basics to this course and How we can use it

By Talha Shaikh on 10/27/2022

Best tutorial ..Just Graphics Principles should have been included..

By Mike Seibel on 10/22/2022

This was a very good course. Figma is a fairly intuitive editor, but it is still nice to have someone quickly demonstrate the more advanced features. The amount of material here is staggering; an impressive job creating this course and teaching this. There are very few mistakes. It was somewhat frustrating working on my own Figma project as the instructor shows us what to do. Too often he says one thing and clicks another, or says "SHIFT or CONTROL or SHIFT ALT or SHIFT CONTROL G" too quickly to parse --- forcing excess rewinding and replaying when my Figma is not working. It doesn't really matter, but it is a little irritating to say "pick Dark Gray" then actually click on "Darker Gray" since that messes up the UI later. Referring to everything by the keyboard shortcuts was not so helpful to me, since "Frame the Selection" is more instructional than "press Ctrl-Alt-G" when we are learning. The pace of talking was a little too fast at some times too. Overall though, these are not significant points and I highly recommend this for learning Figma.

Showing all 10 reviews on CourseDuck

Read all 61 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100