Material Desktop UI Kit. Dashboard Design System for Figma
Meet Material Desktop UI kit for Figma. Design system with 48+ dashboard templates, 550+ material components. Light and dark themes.

550+ material components
Build responsive web apps by reusing the same components & instances
48 full-width app templates
Shopping, CRM, Tasks, Kanban, Planner, Stats, News, Tables and more
2 fonts: Roboto & Quicksand
Styled with custom material design and two free Google fonts
Light and dark themes
Every template available in two variants. Our dark theme is inspiring
Dashboard templates for serious desktop web apps
Preview 500+ components












Preview 48 templates

Production Dashboard

Profile

SEO Ranking

Git Repository

News Social Layout

Ecommerce & Shopping

Planner Web App

Calendar

Dashboard Tables

Community Messaging

Shopping & Ecommerce

Application Database

Application Dashboard

Charts & Data Analytics

Desktop Application

Financial Application

Table Based App

Slack Like Messenger

Trading App Template

Social Reddit Like

Kanban Board

Project management

Gantt Project Management

Production Factory Dashboard

Factory dashboard

User Account

Better than Guthub :)

Traffic Management

Flow App
Get started⚡

Material Dashboard UI kit
Dashboard templates based on reusable desktop app patterns handpicked from the most popular SaaS. Contains 48 desktop templates.

Buy a Bundle. Save 30%
Recommended for designing dashboards, web & mobile apps based on Material Design patterns. Included: Material Dashboard + Material Design System.
Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
l am new to Figma. Should I try your kits?
Definitely! Our products help customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
How to import your kits?
Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-to-the-file-browser
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.
Business license — for startups or enterprise organizations to use for a local team or publish in Figma library.
Individual license — for freelancers, indie developers, or solopreneurs working on a single project.
Can I build commercial proiects with your products?
Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.
If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.
I 💜 Your designs, but can I have a discount?
We provide discounts for those, who scrolled to the bottom and revealed our proposal. Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for the upcoming purchase. Please, provide a specific product name you've put your eye on.

.webp&w=1920&q=75)
.webp&w=1920&q=75)

.webp&w=1920&q=75)
.webp&w=1920&q=75)



.webp&w=1920&q=75)
.webp&w=1920&q=75)

