Material Design 2 Web Starter Kit* Free Figma Template

Material Design 2 web starter kit* - Free Figma Template

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!

This freebie Material Design 2 web starter kit* was originally shared by Anjo Cerdea on this url.

The category for this freebie is Web / Landing Pages. Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask Anjo Cerdea nicely and they will probably allow you to use it.