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.
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.
Listed as all levels, but it assumes nothing and low-star reviews call it superficial; anyone past the basics should look elsewhere.
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
- 1Introduction 5 free previews11 lectures · 42 min
- 2Sketching11 lectures · 1.3 hours
- 3The Basics of Figma 4 free previews25 lectures · 1.3 hours
- 4User Flows7 lectures · 37 min
- 5Sitemaps10 lectures · 48 min
- 6Wireframes10 lectures · 57 min
- 7Prototyping13 lectures · 46 min
- 8Feedback4 lectures · 9 min
- 9Spacing and Grids 1 free preview10 lectures · 44 min
- 10Typography15 lectures · 1.3 hours
- 11Color12 lectures · 58 min
- 12Imagery and Iconography13 lectures · 1.1 hours
- 13Forms and UI Elements16 lectures · 1.5 hours
- 14Accessibility6 lectures · 24 min
- 15Design Patterns6 lectures · 25 min
- 16Mobile Design3 lectures · 19 min
- 17Visual Style and Exploration10 lectures · 1.2 hours
- 18Motion in UX Design20 lectures · 1.5 hours
- 19Design Systems12 lectures · 1.1 hours
- 20Execution15 lectures · 2 hours
- 21Working With A Client Revisited8 lectures · 51 min
- 22Where To Go From Here?7 lectures · 2 quizzes · 8 min
- 23Web Portfolio4 lectures · 26 min
- 24From Figma To Website: Building Our Landing Page4 lectures · 32 min
- 25Extra: How The Internet Works10 lectures · 24 min
- 26Extra: History Of The Web6 lectures · 15 min
- 27Extra: HTML 521 lectures · 1.3 hours
- 28Extra: CSS 323 lectures · 1.5 hours
- 29Extra: CSS Grid + CSS Layout17 lectures · 1.3 hours
- 30BONUS SECTION1 lecture
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
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
Instructor Details
- 4.4 Rating
38,317 Reviews
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.
More courses by Andrei Neagoie
Master the Coding Interview: Data Structures + Algorithms (2026)
4.6 (40,843 Reviews)
Provider: Udemy
Time: 20.1h
$129.99
Complete A.I. & Machine Learning, Data Science Bootcamp (2026)
4.7 (30,982 Reviews)
Provider: Udemy
Time: 44h
$129.99
More UX Design courses
Learn Figma: User Interface Design Essentials - UI/UX Design (2022)
4.8 (1,791 Reviews)
Provider: Udemy
Time: 10.2h
$199.99
iOS 12 & Swift 5 - App Design, UI/UX plus Development (2022)
4.8 (955 Reviews)
Provider: Udemy
Time: 80.5h
$94.99
User Experience Design Essentials - Adobe XD UI UX Design (2025)
4.7 (46,830 Reviews)
Provider: Udemy
Time: 9.7h
$189.99
Learn Figma - UI/UX Design Essential Training (2023)
4.7 (18,337 Reviews)
Provider: Udemy
Time: 3.7h
$119.99
How To Design for Accessibility: for UX Designers (WCAG 2.2) (2026)
4.7 (7,863 Reviews)
Provider: Udemy
Time: 8.9h
$109.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100












