This mobile kit paginated into 17 following categories: Activity, Shopping Cart, Planner, Checkout, Content Screens, Promotion, Discover, Home, Filters, Item Screens, Maps, Sidemenus, Profile, Search, Social Screens, Wishlist

Android theme

DEVELOPMENT • EXPORT • ASSETS • XML • CSS • SWIFT • CODE

Components from first Android Classic theme

Social cards
Facebook, Twitter, Airbnb & Trello cards-based app templates

Planner / Calendar templates
Recommended to use in any application where's the date selected

Lists of cards / Images grid
Variety of grids, including: single, double, masonry, horizontal scrollable and more

Sidebar navigation
Classic material navigation component & Custom headers available. Badges and counters available in hidden layers

Figma design system with the components-made architecture. Well-constrained, responsive and ready to use. Two themes to start with.
Components-driven mobile UI library. Consists of 140 responsive application templates
Hurry up to grab your 50% OFF deal during the PROMO period

Profile & Settings
Made for every application where's registration available. Just pick the most suitable combination for your project

Maps
Variety of templates for interaction with locations, POIs or routes

Details & Product page
Fits for every app section where's user follows deeper into item details or someone's profile

Activity / Notifications
Classic UX patterns and item lists for any social app or users' activities

Figma design system with the components-made architecture. Well-constrained, responsive and ready to use. Two themes to start with.
Components-driven mobile UI library. Consists of 140 responsive application templates
Hurry up to grab your 50% OFF deal during the PROMO period

Search templates
This section is related to search flows. Made flexible to fit every app where's search function is available

Right side navigation / Filtering flow
Use right or bottom sidebar pattern for every additional properties in your app

Discover / Topics selection
Big bundle of navigation cards to let your user discover anything in your product

Shopping cart
Crafted with purpose to use for both combinations: single product and product with additional properties

Content screens
Variety of screens for blogs, publications, news or product details. It's up to your imagination

Wish list
Classic pattern to let your user save something for later. Creating, deleting and rearranging screens were considered

Figma design system with the components-made architecture. Well-constrained, responsive and ready to use. Two themes to start with.
Components-driven mobile UI library. Consists of 140 responsive application templates
Hurry up to grab your 50% OFF deal during the PROMO period

Checkout walkthrough
Could be reimagined with ease for every purposes where's user fills inputs and stepping further

Sign up & Authorization
Could be used as splash screens or popup dialogs in every app where's your user must authorize to continue

Coupons & Promo codes
Everyone's loving gifts! So, engage your users with additional bonuses

On this video you could see live designer's workflow recorded while creating file listing application screens based on "List" component. New elements were adding by cloning and swapping into new widget by Figma Instance feature.

Live prototyping

VIDEOS • TUTORIALS • APP DESIGN • CUSTOMIZATION

A few clicks required to sign up with Google account, or you can register using e-mail. Figma is free!
Get your Figma account
Download desktop app
Figma works under Windows, Mac or directly in your browser. And it works well with .Sketch files
Drag'n'drop .FIG files
Once you've purchased any of Setproduct item, you have to simply drop it into Figma workflow
Go to Components tab
Then just press Alt+2 or click on 'Components' tab at the left bottom of the screen. You now good to go!

How to start to use templates?

It's easy to migrate from Sketch or Photoshop to start using Mobile Design System