Material

Figma Design Kit

Quickly create design mockups and prototypes with the latest Material Expressive components and styles.

Motion physics

Easier-to-implement motion system for more customizable transitions — powered by tokens.

Shape library

New set of 35 shapes to add decorative visual elements, with built-in shape morph motion.

Guide to our latest update

A full introduction to the latest evolution of Material, including new components and style updates.

Research Insights

Dive into the three years of research that influenced the evolution of Material.

Flexible component to display frequently used actions. Toolbars hold a variety of controls like buttons.

Pair a button with related actions in a connected menu. Leverages expressive shape and motion strategies.

An eye-catching way to show the status of a process in real time with customizable waveform and thickness.

A new way to organize related buttons — with shape-shifting buttons that bump and react to each other.

Using motion physics

Learn how the motion scheme works, the changes to existing APIs, and what you need to know to leverage it.

Build with Expressive

Discover how to use Material's emotional design patterns to boost usability and desire for your product.