UX / UI Web Design in Figma | Advanced Level | Eng (Udemy.com)
Master Advanced UI/UX Web Design in Figma and Create Professional Responsive Websites
Created by: Dmitrii Fokeev
Last updated May 2026
What you will learn
- Learn to create modern and stylish website layouts
- Study the ten rules of modern web design
- Learn to apply web-design principles in practice on real tasks
- Learn to build grids and guides for structuring layouts
- Learn to set spacing, rhythm, and visual order in a layout
- Study methods of working with typography
- Study composition rules in web design
- Learn to create clean and modular compositions
- Study methods of working with color: palettes, contrast, accents
- Learn to use shadows, rounding, and effects correctly and professionally
- Study the rules of consistent design
- Learn to analyze design logically and identify mistakes
- Learn to develop visual taste and work with references
- Learn to create original website concepts from scratch
- Learn to use AI tools like Midjourney and Adobe Firefly in web design
- Create 2 projects for your portfolio
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 94 / 100
Course Description
I’m excited to invite you to the course “Web Design in Figma — Advanced Level” — an in-depth, practical program dedicated to modern web design, visual style, and the principles professionals use to create websites.
Here we don’t talk about Figma buttons — we focus on modern design rules.
On how to make your work visually strong, logically structured, and truly contemporary.
A complete deep dive into web-design principles
You will explore dozens of rules and approaches used by professional web designers, including:
typography and text hierarchy
grids and guides
composition and modularity
working with color, contrast, and accents
spacing, rhythm, and visual order in a layout
shadows, rounding, effects, and consistency
and much more
You will learn to understand why a layout looks good or bad and explain logically what needs to be improved.
Modern techniques and visual thinking
In the course, we explore:
how to develop visual taste
how to work with references
how to create original website concepts
how to translate an idea into a visual structure
how to avoid clichés and create genuinely creative solutions
Beyond design rules, you will also learn:
how to apply Midjourney and Adobe Firefly in web design
how to use AI to generate styles, ideas, and visual solutions
where neural networks help and where they can do harm
We talk about AI honestly — without hype — understanding where it really helps and where it doesn’t.
The course includes:
100+ video lessons covering concrete design rules
an interactive 300+ slide workbook with rules, examples, and diagrams
a student workbook with practical exercises
exercises, demonstrations, and full breakdowns
Every topic is reinforced through practice — you don’t just watch lessons, you gain experience by solving real design tasks.
Together we will create 2 major portfolio projects:
A creative website for a real client, built in a modern visual style
A redesign of an existing website where you apply all the rules you’ve learned
You will create the projects independently, using the principles and logic mastered throughout the course.
Throughout the course, I answer students’ questions daily on the platform.
See you in the lessons!
Instructor Details
- 4.7 Rating
155 Reviews
Dmitrii Fokeev
Over 20,000 students worldwide have taken my original online courses.
With more than 9,000 real reviews and an average rating of 4.83 out of 5, my courses consistently deliver value.
I teach web design, web development, and essential creative tools like Figma, Photoshop, and Illustrator.
Students love my teaching style for being clear, engaging, and free of boring theory.
I make learning fun, practical, and easy to follow — so you can enjoy the process and see real results.
More courses by Dmitrii Fokeev
UI/UX Web Design in Figma 2026 | AI & Big Projects
4.5 (719 Reviews)
Provider: Udemy
Time: 16.8h
$19.99
Big React JS Course With AI (Redux / Router / Tailwind CSS) (2026)
4.7 (142 Reviews)
Provider: Udemy
Time: 25.4h
$19.99
More UI Design courses
Figma Animation for Web Designers: Create Wow Prototypes (2025)
4.8 (55 Reviews)
Provider: Udemy
Time: 21.4h
$19.99
Build eCommerce websites with WordPress & WooCommerce (2025)
4.7 (889 Reviews)
Provider: Udemy
Time: 28.8h
$84.99
Become Web Design PRO with Figma in 2026 (2025)
4.7 (129 Reviews)
Provider: Udemy
Time: 19.7h
$19.99
Shopify Dropshipping Masterclass 2026: The Complete Guide
4.7 (76 Reviews)
Provider: Udemy
Time: 1h
$34.99
DESIGN RULES: Principles + Practices for Great UI Design (2025)
4.6 (16,991 Reviews)
Provider: Udemy
Time: 4.9h
$129.99
UI Animation using Sketch 3, Principle App, and Flinto (2018)
4.6 (1,105 Reviews)
Provider: Udemy
Time: 8.7h
$54.99
Reviews
By Mohammed Rashed Ashfaq on 7/6/2026
just in the first module and already loving it thats just what i needed. perfect and the content quality is great and it also has hands on practice stuff but i am more worried about ai could generate landing pages in secs-mins
By Sanjana Shashidhar on 6/14/2026
Appreciate the expectation setting done at the beginning to ensure that as a learner, I am equipped to begin strong
By SAMYUKTHA SU on 6/13/2026
the explanation is good
By Artur Kuku on 5/20/2026
Good. Need little more skills in figma and can start practicing using the knowladges from this course.
By Muhammad Mahad on 2/4/2026
The perfect Web Design Course I've looking for a while. Dmitri did an amazing job explaining how to create amazing designs while sticking to the basics design principles.
By Foster Tucker on 1/24/2026
Dmitrii Fokeev is a very good course creator, he explains what any designer needs to know in a very focused and intentional way that anyone can follow and learn.
By Lucas Gawronek on 1/18/2026
I learned a lot from this course. I finally understood why my designs were looking bad. I highly recommend this course and the instructor.
By Heryanto Fam on 1/9/2026
I’ve previously taken a web design course, but this one allowed me to learn more about solid design principles. The instructor’s explanations were excellent and easy to understand. The only downside was that the English dub had a few glitches, but they weren’t too problematic. Thank you
By Elric Vaelor on 12/12/2025
A solid course on modern design techniques. This course is specifically about design and how to create visuals creatively while still following the core principles that work across all styles. I really enjoyed the course.
By Wirtr Rahi on 12/10/2025
A very cool course covering all topics of web design. Here you will truly level up your creativity and design skills. The English isn’t the best, but the quality of the material is excellent. Short, structured videos on many topics and a large amount of practice to reinforce what you learn. Highly recommended.








