Level:
All Levels

Length:

3 hrs
Lectures:
20

Figma SaaS Dashboard Project Course: Design & Prototype a Modern UI 

Design and prototype a complete SaaS dashboard in Figma while learning professional UI design, components, layouts, and interactive prototyping.

What You'll Learn

30 Day Money-Back Guarantee

100% refund, no questions asked.

Lifetime Access

Access your content on any device, at any time.

Teaching Support

Never get stuck with our teaching assistants on call.

About The Course

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.
Build a SaaS Dashboard in Figma Udemy V2

Curriculum

Understanding the SaaS Dashboard Brief | 04:43

Sketching the Dashboard Layout | 06:55

Setting Up Frames, Grids, and Design Direction | 03:29

Creating the Sidebar Navigation| 06:06

Designing the Header and Search Area | 07:16

Building Dashboard Cards and Stats Blocks | 15:38

Creating a Filter Dropdown | 09:38

Designing the Task Cards | 06:31

Creating Tables, Charts, Graphs | 15:47

Final UI Polish and Cleanup | 21:25

Creating Interactions: Hover and Pressed States | 08:12

Creating Collapsing Feature of Panel | 07:33

Creating Hover Interaction for Side Bar | 08:24

Scrolling | 05:36

Creating a Pop-up Notification Panel | 14:36

Connecting Dashboard Screens | 11:21

Previewing and Testing the Prototype | 02:25

Class Project: Design your own SaaS dashboard | 02:04

Last Steps | 00:59

Untitled 800 x 800 px 4
Over 320,000 happy students
Students worldwide
1 K+
Countries & Locations
1 +
Positive Reviews
1 K+

Related Courses