Material Design 2 web starter kit*

Figma Resource

This UI sticker sheet is a library of basic Material Design 2 styles and components.

Do you find this useful?


Support my work ➔

Instead of the usual complete set available elsewhere, this is meant to include only components that are typically used on the web.

I try to keep the layer structure as simple as I can while still using auto layout because I’m familiar with the overwhelming experience of using other complex UI kits.

Dark theme styles are available for easy switching.

All icons are from

Material Icons Outline

.


What’s new

  • Added tooltip.
  • Cleaned up layer names for easy swapping.
  • Updated Android-12-beta-style toggles just for fun.
  • Updated text field to surface all variants previously only available by hiding/showing layers.
  • Turned list items into variants and made some auto layout optimizations.
  • Turned menu items into variants.

———


*This is a work in progress. Come back to check for improvements and updates. A Material Design 3 update is in the works.


Got feedback? Help me make this more useful for everyone by leaving comments or sending me messages via the



Friends of Figma Slack



workspace or



Twitter DMs



!