Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma SaaS Dashboard Course: Design & Prototype a Modern UI
New

Figma SaaS Dashboard Course: Design & Prototype a Modern UI

Design a complete SaaS dashboard while learning professional UI design, components, layouts, and interactive prototyping
Last updated 7/2026
English

What you'll learn

  • Plan a professional SaaS dashboard project
  • Sketch interface layouts before designing
  • Set up frames, grids, and workspace efficiently
  • Design clean sidebar navigation and headers
  • Create dashboard cards and statistics components
  • Build dropdown filters and interactive interface elements
  • Design task management cards
  • Create tables, charts, and graphs
  • Apply professional spacing, alignment, and UI polish
  • Build interactive prototypes using Figma
  • Create hover effects and pressed states
  • Design collapsible panels and interactive sidebars
  • Add scrolling regions and notification pop-ups
  • Connect multiple screens into a seamless prototype
  • Design your own SaaS dashboard from scratch

Course content

5 sections20 lectures2h 40m total length
  • Introduction: What You’ll Build1:47
  • Understanding the SaaS Dashboard Brief4:43
  • Sketching the Dashboard Layout6:55
  • Setting Up Frames, Grids, and Design Direction3:29

Requirements

  • Basic familiarity with Figma is recommended
  • A free Figma account
  • A desire to improve your UI design skills

Description

Learn how professional SaaS dashboards are designed from start to finish.

One of the best ways to improve your UI design skills is by building real projects. In this course, you'll create a complete modern SaaS dashboard entirely in Figma while learning the design decisions, layout techniques, and prototyping workflows used by professional product designers.

Rather than focusing on isolated tools, this course follows a real-world project from planning to interactive prototype. You'll begin by analyzing the design brief, sketching ideas, and setting up your workspace with frames, grids, and a solid design system.

Next, you'll build the dashboard interface piece by piece. You'll create navigation, headers, statistic cards, filters, task management components, tables, charts, and graphs while learning how to organize complex interfaces that remain clean, consistent, and easy to use.

Once the interface is complete, you'll bring it to life using Figma's prototyping features. You'll build hover effects, pressed states, collapsible panels, scrolling areas, interactive sidebars, pop-up notifications, and connect the entire dashboard into a polished interactive prototype.

Finally, you'll complete your own SaaS dashboard design as a class project, allowing you to apply everything you've learned while creating a portfolio-worthy UI.

Whether you're building your first SaaS interface or expanding your UI design portfolio, this project-based course will teach practical workflows you can immediately apply to your own products and client work.


After taking this course, you will be able to:


  • Design modern SaaS dashboard interfaces confidently

  • Structure complex user interfaces using professional layouts

  • Build reusable dashboard components

  • Create polished interactive prototypes in Figma

  • Apply UI design principles to real-world web applications

  • Present portfolio-quality dashboard designs to clients or employers

  • Continue designing more advanced web and product interfaces

Who this course is for:

  • Beginner and intermediate Figma users
  • UI and UX designers wanting more project experience
  • Product designers building their portfolio
  • Freelance designers creating SaaS interfaces for clients
  • Anyone interested in modern dashboard and web application design