Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

UI/UX Web Design in Figma 2026 | AI & Big Projects

via Udemy

Overview

Everything you need to start a career in web design: tools, hands-on practice, AI integration, and support.

What you'll learn:
  • You will learn to create modern website and app layouts in Figma
  • You will fully master all Figma tools for creating designs
  • You will learn how to use AI in design
  • You will explore Figma Jam for generating ideas in a team
  • You will explore Figma Make to generate websites using AI directly in Figma
  • You will explore Figma Site to create modern websites without code directly in Figma
  • You will explore Figma Presentation to design beautiful slides and presentations
  • You will learn how to speed up your workflow in Figma
  • You will learn how to prototype layouts and create clickable interfaces
  • You will master design systems and working with components to streamline your workflow
  • You will learn what responsive design is
  • You will learn how to adapt your layouts for any mobile device
  • You will learn how to choose the right colors for your websites
  • You will learn how to choose the right fonts for your websites
  • You will learn how to combine elements on web pages
  • You will learn how to work with images in Figma
  • You will learn how to create wireframes and turn them into full interfaces
  • You will understand what a UX/UI designer does and whether this career path is right for you
  • You will learn how to negotiate with your future clients
  • You will learn how to write a brief for a client as a freelancer

This course has been fully updated and redesigned

to match the Figma 2025 interface and all its latest features.

It’s the third and most refined version of this bestselling course.


“Web Design in Figma — From Scratch to Results. UX/UI Basics”

has become better, bigger, and more modern, now covering all the newest Figma capabilities.

New lessons have been added on working with external AI tools as well as the AI features built directly into Figma.


Perfect for Absolute Beginners

We’ll start from the very basics and go step by step — from installing Figma to designing stylish, modern, responsive layouts for websites on tablets, smartphones, and desktops.


Design with AI

You’ll learn how to use AI in design — both external tools and those built into Figma.

We’ll explore how to generate layouts, enhance images, spark creative ideas, and speed up your workflow significantly.


Layouts of Any Complexity

You’ll learn to design websites from scratch — of any complexity or theme.

From simple landing pages to multi-page sites with clear structure and full responsiveness.


Color Made Simple and Fun

You’ll master the skill of choosing colors, matching them with images, creating backgrounds and visual details like a true color expert — with confidence and ease.


Design Tricks That Wow

We’ll explore image techniques like extreme cropping, soft cropping, contrast tuning, and composition.

You’ll learn how to use white space effectively, apply contrast, layer elements, and select the perfect photos for your designs.


Typography Made Easy and Beautiful

You’ll learn everything you need to know: where to find the best fonts, how to install them, how to match them, and how to choose beautiful font pairs for your site.


UX/UI Without Fear

Although the course focuses on User Interface design, you’ll also get to know UX — the foundations of user experience, logic of interface structure, and interaction design.


Practice in Every Lesson

You’ll build two large and beautiful portfolio projects.

Each lesson is a step forward — clear and practical, with no unnecessary theory or fluff.


Responsive Design, Animation, Interactivity

You’ll learn how to adapt layouts for all devices, create animations, sliders, and counters — all directly in Figma, without writing a single line of code.


Working with Clients & Growing as a Designer

We’ll talk about how to communicate with clients, create briefs, find inspiration, generate ideas, and develop your own creative style.


Support

The course creator answers all your questions in the lesson comments — daily.


See you in class!

Syllabus

  • Introduction
  • Figma Basics
  • Working with Color
  • Working with Images
  • AutoLayout Basics
  • Advanced Shape Work
  • Spacing in Web Design
  • Effects and Styles
  • Masks and Plugins
  • Working with Fonts
  • Preparing for a New Project
  • Design System
  • Components and Variants in Figma
  • Advanced Work with AutoLayout
  • Responsive Design
  • Speeding Up Your Workflow
  • Prototyping
  • Paid or Free Figma?
  • Export
  • AI & Buzz & Sites & Slides
  • What’s next?

Taught by

Dmitrii Fokeev

Reviews

4.7 rating at Udemy based on 348 ratings

Start your review of UI/UX Web Design in Figma 2026 | AI & Big Projects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.