Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
Hire Setproduct professionals for your project
We'll take any of our Figma design systems, adjust with your brand guidelines, create all the additional custom templates, and code a web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Select design system
Whats your approximate budget?
URL (optional)
We used to reply ASAP
Looking for a custom design based on our Figma templates? We are ready to customize any of our UI kit personally for you and create custom design based on your brief, wireframes, outdated UI or online call. Please, fill the form below or drop us a line at hello@setproduct.com
Your e-mail
Pick a design system for your project
Pick a project size
Describe in a few words (optional)
For browser-based applications
For iOS & Android mobile apps
Whats your budget, USD
Please, provide the approximate number. The total price depends on the amount of templates in your order
1000
10000
Product of the Week ⭐ 40% off for Figma Website Templates
Close

120+

Templates

1K

Icons

1K+

Components

What's inside?

The biggest material design kit ever made for Figma. Thousand of perfectly crafted UI components & 120+ app templates

Figma Material Design

Material Design Card Template
Material Design App Bars List design
Material Design Chips Cards Search Components
Material Design Dark theme
Material Design Font Pair Styles
Material Design Buttons Inputs Text fields UI
Material Design Typography
Material Design Desktop Template
Scalable and adjustable components with resizing constraints set

Material components

Use Roboto & Red Hat Display fonts for better product design

Paired Typography

Customize fonts, colors, shadows and other styles on-the-fly

Global styleguides

Based on the latest material guidelines with dark mode

Dark & Light themes

1000+ of material components · Full preview

Based on 100% guidelines compliance and contains an impressive amount of scalable and constrained components to accelerate the application development
Material design system templates
Material design buttons templates
Material design chips templates
Material design text fields templates
Material design list templates
Material design menu templates
Material design app bar templates
Material design navigation templates
Material design backdrop templates
Material design bottom nav templates
Material design cards templates
Material design dialogs templates
Material design expansion panel templates
Material design grid templates
Material design slider templates
Material design onboarding templates
Material design picker templates
Material design selection templates
Material design sheets templates
Material design steppers templates
Material design tables templates
Material design tabs templates
Material Design System architecture allows you to interact with all the small elements faster by retouching Master component. Position, Scale, Stroke and everything under your control for quick modifying the system

Components-powered

Components-driven iOS design system for effective and rapid customization
Use full power of Figma instances by toggling between predefined states and styles via "Instance" menu through the system. Apply any of visual changes to the master-component to spread it to all sub-elements

Boosted by Instances

Components-driven iOS design system for effective and rapid customization
Application bars, Backdrops, Bottom navigation, Buttons, Cards, Chips, Dialogs, Expandable panels, Image grids, Lists, Menus, Navigation drawers, Onboarding layouts, Selection, Pickers, Sheets, Tables, Tabs and Text fields & 1000+ material icons (Scale & Center separated constraints)

Quickstart with Figma material library

Material Design Library for Figma
Pick an Individual or Business license
Material Design Library
$138
Figma library of 120 mobile layouts crafted with 1000+ material components based on latest material.io guidelines · Preview
Purchase
Material Dashboard UI kit
$138
Figma library of 48 reusable dashboard templates made of constrained components. Based on popular apps · Preview
Purchase
Buy a Bundle. Save 30%
$195
Get Material Design library & Dashboard UI kit bundle discounted. Create clear & usable web applications faster in Figma
Purchase

2K+ worldwide customers❤️

We help startups, designers and developers to save time and resources

Gmail conversation
Gmail conversation
Gmail conversation
Gmail conversation
Gmail conversation
Gmail conversation
Gmail conversation
Gmail conversation
LinkedIn post
Luke O'Brien improved his UI skill with Setproduct
Twitter conversation
https://www.reddit.com/r/UXDesign/comments/ggkvvv/this_is_the_most_ios_design_kit_ever_made_by
https://twitter.com/MagicianData/status/1264529801551007744
https://twitter.com/robmalkovich/status/1187358969595138048
https://twitter.com/maxcuratella/status/1151019650530140160
Chris Coyier is a funny fella! ⛄
https://twitter.com/danjasnowski/status/1167280603923996673
https://twitter.com/nbrempel/status/1070409115808096256
Toni Gemayel impressed by designs
Ananas Dapenis boosted a workflow with Material Design System
Irvin Rivera migrated to Figma after purchasing Material Design System
Janosi Laszlo recommends our design systems for Figma
Luckypunt - Reddit member considering our design products as useful
Alex Mercado provides an impressive testimonial about Dashboard UI kit
Nico Dejong reached his goals faster with Material Design System
https://twitter.com/Luke_OBrien/status/1258251054661210112
Leo Antonoff got his prototyping enhanced with Material Design System
Questions and Answers
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.
I am new to Figma. Should I try your kits?
Definitely! Suddenly, we've discovered a lot of purchases by 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.
I am banned at Google. How to import your kits?
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 projects with this design system?
Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
I ❤ your designs, but can I have a discount?
Due to the quality and detailzation, our products may look too expensive for somebody. We do understand! 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 a Single/Individual license (only) for any single UI kit you'll pick!
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 React / Angular / Vue or Flutter.

If you have a project to design & develop, simply contact us describing your brief, budget (we charge $60+ hourly), and expectations.