Material You & Android 13 Free Figma Template

Material You & Android 13 - Free Figma Template

The biggest Material You UI Kit

Create designs using more than 1000 components, built to perfectly replicate the real-world, official Material Design Components library for Android.

Android 13 is here!

This kit provides dozens of components to recreate the system UI for more accurate mockups and prototypes.

Dynamic color

This UI kit was adapted to work with Google's new Material Theme Builder plugin. Easily change the theme of your entire system with just a few clicks!

Auto Layout v4!

All compatible components support Auto Layout, allowing for full customization of padding and spacing, as well as use advanced features such as absolute positioning to support more complicated behaviors.

Component Props V2 is finally here!

The newest update to Props is now fully supported! Components have been remade from scratch to take advantage of Nested Instances and have been made easier to digest using the Simplify Instances feature!

Shape Theming [Exclusive]

Choose between rounded and cut corners in all themeable components! Enjoy the access to one of Material's best features to create a unique shape structure for your app.

States & prototypes

Component states have been vastly expanded upon, and more components now contain hover states, which were mostly missing from the previous version.

Color extraction [Exclusive]

Widgets and media notifications automatically adapt to images, extracting the right colors to match the background.

Get in touch

You can find me on Twitter, @edpratti.

Changelog (10/21):

Nested and simplified instances!

Better name convention for component properties;

Reduced component complexity across the board.

App Bars

Better handling of toolbar actions and states.

Badges

Better handling of variant switching and count editing.

Buttons

Improved icon switching;

Simplified component structure.

Icon Buttons

Improved icon switching.

Dialogs

Nested instance swapping for contents, buttons, title icons and title panel types.

Divider

Vertical and horizontal dividers are now variants of the same main component.

FABs

Improved icon switching.

Lists

Improved component structure to simplify nested instance counts.

Menus

Disabled state is now available.

Dropdowns & text fields

Better preservation of component labels through properties;

Improved icon switching;

Improved menu handling.

Toolbars

Improved icon switching and visibility toggling for all inner components.

Tooltips

Added 'value' content property.

Permissions

New permission dialog buttons and better visibility handling for options;

Quick Settings

New media player notification design;

New Quick Settings panel design with active app tooltips;

System UI

New navigation bar design;

"Auto-Tint" is now a toggle instead of a variant in system bar components;

'Time' is now a content property in status bars;

Improved keyboard prototyping;

Vastly simplified notifications;

This freebie Material You & Android 13 was originally shared by Eduardo Pratti on this url.

The category for this freebie is Uncategorized. 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 Eduardo Pratti nicely and they will probably allow you to use it.