Material X Figma design system UI kit
Material X Figma design system UI kit. 1100+ components. Mobile & desktop templates for Material dashboards. Available for Angular.

Mobile & Desktop templates
34 sections of design items for every case
p class="heading-style-h5 is-template-max-width">Ready-to-use app templates
40 ready layouts for desktop, tablet and mobile
Desktop & mobile templates for Material dashboards
Preview 1,100+ components
Headers
Default Buttons
FAB Extended
Rectangle Buttons

Steppers
Chips
Inputs
Input Templates
Multiselect
Segmented Controls
Tabs
Menus
Settings
Tables
Steppers
Navigation
Application Bars
Calendars
Datepickers
Accordions
Empty States
Snack Bars
Sliders
Dialogs
Cards
Cards
Preview desktop templates










Mobile & Tablet templates




















Get started⚡

Material X for Figma
1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit.

Material X for Angular
Devs library where design and features of Figma components are equal to Angular components, which helps your designers and developers to stay in sync.
Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
l am new to Figma. Should I try your kits?
How to import your kits?
Which license type should I choose?
Can I build commercial proiects with your products?
I have a project. Can I hire you?
I 💜 Your designs, but can I have a discount?

.avif)
.avif)

.avif)
.avif)



.avif)
.avif)

