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
iOS & Android custom development
We'll take our iOS & Android Figma templates, adjust with custom styles, create necessary layouts, and turn the system into production-ready Flutter templates. You'll get powerful design & code system which help you to produce more layouts in future by minimal costs.
How to reach you out?
Your budget
URL (optional)
We used to reply ASAP

120+

Templates

1K

Icons

1K+

Components

What's inside?

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

Figma Material Design

Updated with latest material.io 2019 guidelines & Dark theme

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 a system

One time purchase for unlimited amount of projects. Guaranteed workflow boost.
Questions and Answers
Which license type should I choose?
You must select proper license type according to the amount of employees in your company. If you're a freelancer or individual player - pick a Single license. If you're representing a small business with total amount of 2-10 employees - pick a Business license. For big companies with 11+ employees Enterprise license is the best fit.
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.
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.
How to avoid "File failed to import..." in Figma?
In some rare occasions, the import is finishing with an error. It's on Figma's side. Figma is sensitive to your machine GPU and RAM. For the first, try to re-import via the browser app. Yes! Figma works in the browser. Simply open figma.com, then sign in and drag and drop .FIG file again. For the second, if there's no effect, you can message us and we will send you a direct link for your copy, so you can duplicate it and start. Don't panic, you will get your system in any case!
Your design is awesome, but I need the code as well...
We're open minded for your development inquires. If you're looking for a front-end solutions based on our design products, simply drop us a line describing your preferences and budget. We can code for React, Angular and VUE.
Please, help us to get better and deliver more useful services
Do you need a custom development based on Setproduct Figma templates?
Your vote has been accepted. Thank you for participating!