Material Kit Figma by Creative Tim

Material Kit Figma is a Bootstrap 4 UI Kit with a fresh, new design inspired by Google's Material Design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components now available for Figma.

Web Fonts

By default, Material Kit is using Roboto Google font, but it can easily be changed with any other Google font.

Google Material Design

Material Kit has a fresh design inspired by Google's Material Design.

Scalable

Vector-only shapes scale to any size, including retina, with no optimization required.

Bootstrap 4

Material Kit is is based on the popular Bootstrap 4 framework.

Basic Components

The core elements of your website

We re-styled every Bootstrap element to make it resemble Material Design and also fit with each other. All the Bootstrap components that you need in a development have been re-design with the new look. All these items will help you take your project to the next level.

View All Components

Content Areas

For Areas that Need More Space

If you need elements such as tables, comments, description areas, tabs and many others, we've got you covered. We took into consideration multiple use cases and came up with some specific elements that you will love to use. They're beautiful and easy to use for the end user navigating your website.

View Content Areas

Your life will be much easier

Bootstrap 4 & Flexbox

Enjoy the fluid grid system based on 12 columns. Material Kit is built over Bootstrap 4 and has all the benefits the flexbox for the layout, grid system and components.

Easy to Use

Every element that you need in a product comes built in as a component. All components fit perfectly with each other and can take variations in colour.

Fast Prototyping

Using the Material Kit will save you large amount of time. You don't have to worry about customising the basic Bootstrap 4 design or generating new components.

Completed with examples

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit.

Log in

Or Be Classical

Get Started

View Signup Page

Material Kit Figma

Prototype and Develop with a Badass Bootstrap 4 UI Kit for Figma inspired by Material Design.

Designed in Figma . Coded by .