Skip to content
#3 in UX DesignUdemyUX DesignPaid courseAll LevelsCertificate

Complete Web & Mobile Designer: UI/UX, Figma, +more (Udemy.com)

Become a UX/UI Designer! Master Mobile and Web Design, User Interface + User Experience (UI/UX Design), HTML, and CSS

Created by: Andrei Neagoie

Last updated February 2026

Our take

Based on the ratings of 38,317 students, a sample of their written reviews and the syllabus, as the course stood in February 2026. No course pays to be reviewed.

This is a big, paid design bootcamp that takes a complete beginner from sketching and user flows through Figma, typography, color, design systems and motion, then tacks on HTML and CSS so the finished design can become a real landing page. The syllabus shows 330 lectures across 30 sections, about 26 hours in all, and roughly 183,000 students have enrolled since it launched in 2020. It suits people who want one structured path through the visual side of product design and like the idea of building a portfolio site at the end.

Reviewers praise the step by step structure and say the instructors, Daniel Schifano alongside Andrei Neagoie, cover the small details in each lesson. Beginners call it easy to follow. The complaints are consistent though. Low-star reviews say the UX half is thin, with no user research or personas, so it reads more like a UI and Figma course. Others say the lessons lean on pre-made assets that get copied in rather than built from scratch, show what Figma does without explaining why, and that Figma's toolbar has changed since the videos were recorded even though the course was refreshed in February 2026. A few found the delivery flat and the length repetitive.

With more than 38,000 reviews and a 4.4 rating, most students give it four or five stars, and the HTML and CSS sections mean the design does not stop at a mockup. If you want Figma plus enough design theory to ship a portfolio site, it's a fair pick. If you want research methods and personas, the low-star reviews suggest looking elsewhere.

Best forComplete beginners who want one long, structured path through UI design in Figma plus a portfolio site at the end.
Skip it ifYou want UX research, personas or usability principles; reviewers say the UX half is thin and it is really a UI course.

Pros

  • Step by step structure that beginners repeatedly call easy to follow
  • Covers typography, color, spacing, motion and design systems, not just Figma buttons
  • HTML, CSS and CSS Grid sections turn the Figma design into a working landing page
  • 100+ assets and templates included, and the course was refreshed in February 2026

Cons

  • Little real UX: low-star reviews report no user research, personas or usability principles
  • Lessons lean on pre-made assets, show what Figma does more than why, and the interface has drifted from the videos
  • Around 26 hours long; some students found it repetitive and the delivery flat
The instructors are very keen on going the extra mile to cover the small details in each lesson. Every statement is intentional and is a lesson in its self.
Mercy Njau, a student

Listed as all levels, but it assumes nothing and low-star reviews call it superficial; anyone past the basics should look elsewhere.

icon
What you will learn

  • Build beautifully designed web and mobile projects for your customers using modern tools used by top companies in 2023
  • Get hired as a Designer or become a freelancer that can work from anywhere and for anyone. Designers are in high demand!
  • Includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects
  • Master Figma for your design needs then learn to convert your designs into a live HTML an CSS website
  • Have an amazing design portfolio customized and professionally completed by the end of the course (we provide it for you!)
  • Master both Web and Mobile design principles and how to go from sketching to fully fledged high fidelity designs that will wow customers
  • Learn to design for all types of devices using Figma and other tools used by some of the top designers in the world
  • Learn to use HTML5 and CSS3 to make your designs come to life and create fully working websites
  • Learn best practices that takes years to learn in the design industry
  • Learn to make professional logos and design choices for all branding needs
  • Learn UI/UX best practices using the latest trends in the industry
  • Learn to be a designer as well as a web developer at the same time (a rare combination of skills that is in high demand)!

Course content

30 sections · 330 lectures · 26 hours of video 2 quizzes, 1 coding exercise, 57 articles

  1. 1Introduction 5 free previews11 lectures · 42 min
  2. 2Sketching11 lectures · 1.3 hours
  3. 3The Basics of Figma 4 free previews25 lectures · 1.3 hours
  4. 4User Flows7 lectures · 37 min
  5. 5Sitemaps10 lectures · 48 min
  6. 6Wireframes10 lectures · 57 min
  7. 7Prototyping13 lectures · 46 min
  8. 8Feedback4 lectures · 9 min
  9. 9Spacing and Grids 1 free preview10 lectures · 44 min
  10. 10Typography15 lectures · 1.3 hours

Who it is for

The instructor says it suits

  • Anyone who wants to start a Web or Mobile Design business on the side as a freelancer, or work as a designer at a company
  • Web Developers and Mobile Developers wanting to add another valuable skill to their tool belt
  • Anyone who wants to get hired as a Web Designer, Mobile Designer, UI/UX Designer
  • Anyone who wants to learn about the latest CSS3 features like Flexbox, CSS Grid and CSS Variables as well as HTML5

What you need before you start

  • No requirements. We teach you and show you everything from scratch! From Zero to Mastery
  • Get ready to fall in love with Design and making everything you touch into beautiful projects for the rest of your life!

How it compares

Against the other 144 rated Udemy courses in UX Design on CourseDuck:

  • Rating4.4 out of 5higher than 43% of them
  • Reviews38,317#2 of 145 by number of reviews
  • Length25.7 hourslonger than 96% of them
  • Last updatedFebruary 2026more recently than 92% of them

icon
Course Description

Just updated with all modern Design tools and best practices! Join a live online community of over 900,000+ students and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto for top companies. A great Designer is becoming harder and harder to find and it isn't rare to find designers make $160,000+ salaries now because it is such a valuable skill. We will teach you how to get there!

Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in demand tools like Figma to show you a full workflow from start to finish. Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies.


The course also includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects. We guarantee you this is the most comprehensive online resource on Design skills!


The curriculum is going to be very hands on as we walk you from start to finish of working as a Designer, all the way into learning how to create final professional designs and then converting them into actual websites or apps using HTML and CSS. 

The topics covered in the course are...


  • 00 Web & Mobile Design Principles +  Design vs Web Development


  • 01 GETTING STARTED – Sketching, Inspiration + Structure

    • 1. Sketching

      • Introduction To Sketching

      • The Sketching Process

      • Sketching User Flows

      • Sketching Tips

    • 2. Inspiration

      • How to stay inspired

      • How to find inspiration online

    • 3. Figma Basics

      • Plans and Signup

      • Where to Use Figma

      • Figma UI — Structure

      • Figma UI — Files

      • Figma UI — Toolbar

      • Figma UI — Left Sidebar

      • Figma UI — Right Sidebar

      • Shapes and Tools — Frames

      • Shapes and Tools — Groups

      • Shapes and Tools — Basic Shapes and Boolean Operations

      • Designing in Figma — Images

      • Designing in Figma — Getting Started with Text

      • Designing in Figma — Constraints

      • Designing in Figma — Using Auto Layout

      • Designing in Figma — Auto Layout Properties

      • Resources and Collaboration — Community Files

      • Resources and Collaboration — Community Plugins

      • Resources and Collaboration — Sharing and Comments]

      • Project — Creating a Logo Using Basic Shapes

      • Project — Auto Layout Buttons

      • Project — Creating a Responsive Navigation

      • Project — Responsive Text

      • Project — Imagery and Gradients

      • Project — Strokes and Shapes

      • Project — Layout and Responsiveness

    • 3. User Flows

      • Getting Ready For This Section

      • The DOs and DON'Ts

      • User Flows in Figma — Onboarding

      • User Flows in Figma — Search

    • 4. Sitemaps

      • Introduction To Sitemaps

      • Creating A Basic Sitemap

      • Reusable Sitemap Assets

      • Figma Check In — Basic Components and Variants

      • Sitemaps in Figma — The Top Layer

      • Sitemaps in Figma — Digging Deeper

      • Tips for Creating Great Sitemaps


  • 02 EXPLORE AND ITERATE – Wireframes, Prototyping and Feedback

    • 1. Wireframes

      • What Is A Wireframe?

      • How To Create A Wireframe

      • Figma Check In — Basic Button Component]

      • Figma Check In — Variants

      • How to Use Our Wireframe Components

      • Wireframes — Home

      • Wireframes — Cart

      • Wireframes — Profile

    • 2. Prototyping

      • Figma Check In — Prototyping in Figma

      • Prototyping in Figma — Flows and Starting Points

      • Prototyping in Figma — Connections

      • Prototyping in Figma — Interactions

      • Prototyping in Figma — Animations

      • Prototyping in Figma — Prototype Settings

      • Prototyping in Figma — Prototype Presentation

      • Project — Navigation

      • Project — Removing an Item from Your Wishlist

      • Project — Finding a Product

    • 3. Getting feedback

      • Why Is Feedback Important?

      • Constructive Feedback


  • 03 VISUAL DESIGN – Design Theory + Accessibility

    • 1. Spacing and Grids

      • What Is A Grid?

      • Grid Basics

      • Figma Check In — Fixed and Fluid Grids

      • Figma Check In — Breakpoints

      • Figma Check In — Grid Style

      • Project — Mobile Layout Grid

      • Project — Desktop Layout Grids

      • Simple Rules to Follow

    • 2. Typography

      • Serifs

      • Sans Serifs

      • Display & Mono

      • Picking Typefaces

      • Figma Check In — Text Properties

      • Exercise — Elevating a Brand

      • Exercise — Typeface Scenarios

      • Exercise — Google Fonts

      • Project — Typeface Exploration

      • Project — Pairing Font Families

      • Project — Headings, Body and Labels

      • Project — Typeface System

      • Figma Check In — Text Styles

    • 3. Color

      • Color Schemes

      • Important Questions To Ask

      • Creating Color Palettes

      • Figma Check In — Paints

      • Exercise — Expanding Upon a Strict Color Palette

      • Exercise — Creating a Color Palette

      • Figma Check In — Color Styles

      • Exercise — Using Color Styles

      • Project — Primary and Neutrals

      • Project — Accents

    • 4. Imagery and Iconography

      • Visual Assets Introduction

      • Figma Check In — Image Plugins

      • Figma Check In — Image Styles

      • Figma Check In — Masks

      • Exercise — Image Exploration

      • Exercise — Text and Imagery Working Together

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

Andrei Neagoie

Andrei is the instructor of some of the highest rated programming and technical courses online. He no longer teaches on Udemy. Instead, he is now the founder of ZTM Academy which is one of the fastest growing education platforms in the world

ZTM Academy is known for having some of the best instructors and success rates for students. 


icon
More courses by Andrei Neagoie

$129.99

$129.99

$129.99

$139.99

$129.99

$119.99

icon
More UX Design courses

$199.99

$94.99

$189.99

$119.99

$109.99

$10.99

icon
Reviews

4.4

38,317 ratings on Udemy

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

By Ripon Chandra Mondol on 9/3/2026

I am really happy with this course. The way everything was explained made it very easy to understand, and I learned many new things step by step. The guidance, support, and practical approach helped me improve my skills and confidence. Thank you so much for creating such a valuable learning experience.

By Rufus Covenant Taiwo on 9/2/2026

This course is giving me exactly what I came for. I'm actually a web developer with experience in Webflow, Framer and Django and I've built many projects for many clients. But I realized most projects I've done are Figma to Webflow and haven't conceptualized design myself. So, I know I need to learn how to conceptualize and own my own design concept. That will help me build from scratch when situations arise. And the course is giving me just that so far. I'd have loved that we have use cases for web designers more too though, since the project case here seem to be more helpful for mobile app. But all the same, the principles and processes taught are applicable for me too. And more of an adds-on for me to also think like a mobile developer.

By mohaddese sepehri on 6/19/2026

It's really amazing! There was just one small thing that I found a bit distracting and wanted to mention. In some parts of the videos, the screen stayed on the same slide for quite a while without any movement or animation, while the speaker kept talking. I noticed that I lost focus a few times during those sections and had to rewind the videos to catch what I missed. Other than that, I really enjoyed the course. Thanks for creating such a smooth, well-structured, and enjoyable learning experience.

By Styris Dcruz on 6/6/2026

A solid, entry-level introduction to Figma and UI/UX. If you are an absolute beginner, it offers a nice overview of the basic concepts. However, the content is heavily theory-based and lacks hands-on projects or the 'subtle tips and tricks' needed for practical application. Decent if you just want a high-level look, but not ideal if you are hoping to get hands-on experience.

By Mercy Njau on 4/12/2026

The instructors are very keen on going the extra mile to cover the small details in each lesson. Every statement is intentional and is a lesson in its self. Thank you, I will be referring back to some sections for better understanding as I continue practising.

By Sumit Kumar Raut on 3/22/2026

This course is really good for those who want a career in UX/UI design. In this course the topics are really well explained and they explain things in very simple language. They provide many free resourses about every topics. I enjoyed my learning journey with ZTM team.

By Yashika Yadav on 3/20/2026

I think the course is helping so much as we are learning the UX thinking in between designing too and I like that and the instructor also provide us resources which is very useful to me ☺️ Thank you ZTM team for your kind support

By Juan Pablo Enríquez Pedroza on 3/10/2026

Es un buen curso, con buenas explicaciones y recursos. Pero le hace falta una parte para incentivar más la práctica, como ejercicios necesarios para seguir avanzando en el curso (implementar algún componente, paleta de colores, etc.), sin que nos den la respuesta directamente o la podamos elaborar siguiendo al instructor.

By Ronel Dacillo on 1/8/2026

This course is a solid starting point for complete beginners, as it covers the fundamentals clearly and provides a structured learning path. However, I found the overall length to be quite extensive, which at times made the experience feel repetitive and less engaging. Shortening or condensing certain sections could help maintain momentum and keep learners more motivated throughout. Overall, it’s a good resource for those new to UI/UX design, but it may benefit from a more streamlined delivery.

By Prabhath Kumar Paramkusham on 11/27/2025

I love the way the lessons are structured — it’s so easy to learn and understand. Each section is clearly explained, from file handling and toolbars to working with containers, shapes, Boolean operations, images, and text.

Showing all 10 reviews on CourseDuck

Read all 38,317 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 : 88 / 100