Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
UX / UI Web Design in Figma | Advanced Level | Eng
Rating: 4.7 out of 5(123 ratings)
896 students

UX / UI Web Design in Figma | Advanced Level | Eng

Master Advanced UI/UX Web Design in Figma and Create Professional Responsive Websites
Created byDmitrii Fokeev
Last updated 5/2026
English

What you'll 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

Course content

15 sections108 lectures12h 17m total length
  • What the course is about2:32
  • Download the course materials0:28
  • This is a multilingual course5:50
  • How to go through the course3:17
  • How to ask questions2:59

Requirements

  • Basic knowledge of Figma is required (understanding how to use Figma)

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!

Who this course is for:

  • For beginner web designers.
  • For those who have learned the basics of Figma but want to improve the design quality of their work
  • For web developers.