Android Design Kit. 140 material app templates and 253 UI components

I’ve challenged myself to design material design application system within one month

Few weeks ago I’ve challenged myself to create next digital product — Android Design Kit. 100% scalable from mobile to desktop apps within the same modules. So, if you just arrived to the boat, here’s a couple of posts you probably should start with: Introduction and First app screens completed.

The plan was quite simple: I took my Figma Design System for Figma (which is consisting of 500+ independent design modules to prototype any kind of apps) and to test to prove for myself is it worth to consider as workflow booster or not…

Overall, everything is finished now: 253 material components + 140 mobile app screens. It took approx. one month to develop high-grade Android design kit. Which is followed precisely by official material guidelines and crafted into 8dp grid. Every screen is resizing and constrained properly! I took care of everything in advance. For your design & development boost you only need to drag, drop and fit — that’s it!

PROS: Yes, finally — Material Design System boosts your production-ready prototyping.

CONS: You should be learning some hotkeys and be good at Figma workflow. Basically, it takes few hours to become faster at Figma, if you’re migrating from Photoshop and less for Sketch leavers :)

HINT: Set your nudge amount in Figma to ‘8’ to resize and move objects to fit within 8dp grid faster (Hamburger > Preferences > Nudge amount > ‘8’)

Why it’s more than ordinary UI kit?

Once you’re about to customize any of master-component expect the mass-effect

Because of the architecture! Being built from nested components, this app design system grants your full customization control within less movements.

Atomic design classic principles applied at maximum in here: this Button made of atoms, then placed inside Sign in module and considers now as Organism. Finally, this organism was placed to mobile and desktop templates giving you the full power of Figma instances at your service. Once you triggered your Atom, thus will spread to every Organism and higher levels where’s this Atom exists. Absolutely must have feature for quickstarting every new project.

140 android app templates at your service

Paginated into 16 most frequent categories: Sign in & Register, Search flow, Filters, Home & Categories, Product card, Wish list, Shopping cart, Checkout, Deals & Promo, User profile, Navigation