15+ Best Mobile App Templates for Figma

15+ Best Mobile App Templates for Figma

[ad_1]

There are many reasons why you might want to build a mobile app. For instance, maybe you want to create a customer support app for your subscribers to a service you provide? Or maybe you’d like to create a free resource for people in your industry who’d like to be able to find answers to their most frequently asked questions. You might even just want to create an app version of your website

No matter the reason, you can get a lot of mileage out of using Figma to build your mobile app. And lucky for you, there are numerous Figma mobile app templates available to help you get started with the process much faster. 

figma mobile app design kits on envato elementsfigma mobile app design kits on envato elementsfigma mobile app design kits on envato elements

Before we get to our curated list of Figma mobile app templates, let’s first discuss a few quick tips for designing mobile apps

How to Design a Mobile App: Quick Tips 

We’ve covered the subject of designing apps many times in the past, so we won’t get into the nitty-gritty here. However, we will offer a quick reference list of tips to follow when approaching the design process: 

  1. Map out the user experience for every screen of the app. You need to have a clear idea of how a user will move through your app and how each screen will connect.
  2. Draw wireframes. You can use a Figma template for this, too. Basically, you want to create a skeleton for all screens, including all navigation/buttons and all possible interactions.
  3. Select the color scheme. With your wireframe settled, pick the color palette you’d like to go with. 
  4. Create your first mockup. Create a mockup of the screens based on your wireframes. Use placeholder images, if need be. 
  5. Test it out and make necessary changes. Hand over the mockup to some team members or trusted colleagues to see what they think.  
  6. Send it off to development. Developers then take the mockup and produce the code to make a functional (and eventually live) app. 

18 Best Mobile App Templates for Figma in 2022 

Now let’s get to our list of Figma mobile app templates, shall we? 

1. Zoomie – Social Media Figma Mobile App Template

Zoomie - Social Media Figma Mobile App TemplateZoomie - Social Media Figma Mobile App TemplateZoomie - Social Media Figma Mobile App Template

First up we have Zoomie, which is a Figma mobile app template designed specifically for the social media space. It features a modern design that can be adapted for many different types of brands. And it includes tons of screen options you can put to work immediately. 

This template includes: 

  • 15 screens including those for signups, profiles, collections, and galleries. 
  • Built entirely on a grid system 
  • Compatible with Figma, Adobe XD, and Sketch 
  • Well-organized and layered files 

2. Finance Mobile App Template & UI Kit

Finance Mobile App Template & UI KitFinance Mobile App Template & UI KitFinance Mobile App Template & UI Kit

Next is the Finance Mobile App template, which includes a full UI kit that can help guide your design decisions. This template is chock full of components and screen options so you don’t have to compromise when making a mobile app design. 

A few features you should know about include: 

  • 4 dashboard screens, including a wallet dashboard
  • Finance statistics screens
  • A modern design that stands out 
  • Free fonts
  • Compatibility with Figma, Adobe XD, Photoshop, and Sketch

3. Travel & Booking Mobile App Template for Figma

Travel & Booking Mobile App Template for FigmaTravel & Booking Mobile App Template for FigmaTravel & Booking Mobile App Template for Figma

Another option is the Travel & Booking Mobile App Template, which offers a variety of components you can use to create an app for a travel agency, booking app, hotel app, and more. It even includes screens specific to these industries. 

This template also includes: 

  • A modern, highly adaptable design 
  • Free fonts 
  • Fully scalable and vector designs 
  • Compatibility with Figma, Adobe XD, Photoshop, and Sketch

4. Mobile Wallet – Mobile App Template for Figma

Mobile Wallet - Mobile App Template for FigmaMobile Wallet - Mobile App Template for FigmaMobile Wallet - Mobile App Template for Figma

And then there’s Mobile Wallet, which offers a collection of UI and UX components for designing any sort of wallet, banking, or financial tracking app. The interface design is clean and easy to navigate and includes detailed icons you can use in a variety of ways. 

Features here include: 

  • Compatibility with Figma, Sketch, Adobe XD, and Icon 
  • Includes fully editable icons 
  • Well-organized files and layers for easy editing 

5. Booking Apps – Figma Mobile App UI Kit

Booking Apps - Figma Mobile App UI KitBooking Apps - Figma Mobile App UI KitBooking Apps - Figma Mobile App UI Kit

Or if you’re looking for something centered around booking features, specifically, the Booking Apps template is a logical choice to consider. This template offers numerous UI elements to choose from to create streamlined layouts in half the time. 

Here are a few features of note: 

  • Modern design with plenty of whitespace 
  • Well-organized files, grouped and layered 
  • Scalable vector designs 
  • Free fonts 
  • Compatible with Figma and Adobe XD

6. Mobile Banking – Figma Mobile App Template

Mobile Banking - Figma Mobile App TemplateMobile Banking - Figma Mobile App TemplateMobile Banking - Figma Mobile App Template

Another option is the Mobile Banking Figma template, which makes it a lot easier to create a banking app for your clients and customers. It could also be used for mobile walls, stock investing, and other finance-related subjects. 

Features include: 

  • Clean UI design you can put to work immediately 
  • Fully editable 
  • Compatibility with Figma, Adobe XD, InVision, and Sketch

7. Chatting Mobile App Template for Figma

Chatting Mobile App Template for FigmaChatting Mobile App Template for FigmaChatting Mobile App Template for Figma

If you’re looking to create something more social, there’s always the Chatting Mobile App template, which offers a super simple design that manages to stay on-trend, too. With this template, you can create an easy-to-use messaging app for your business in just a few steps. 

Here’s what you get with this download: 

  • Well-organized files and layers 
  • Screens for profiles, accounts, settings, and chat 
  • Includes free fonts 
  • Full documentation is provided 

8. Real Estate Mobile App Template for Figma

Real Estate Mobile App Template for FigmaReal Estate Mobile App Template for FigmaReal Estate Mobile App Template for Figma

Those in the real estate industry won’t be left out, either. The Real Estate Mobile App template offers Figma users a convenient way to create and launch a real estate app quickly with an industry-tested design that’s sure to be effective. 

Features include: 

  • Compatibility with Figma, Adobe XD, and Sketch 
  • A clean design with a multipurpose UI 
  • Fully vector-based 
  • Includes free fonts 
  • Comes with full documentation 

9. Article – Figma Mobile App Template

Article - Figma Mobile App TemplateArticle - Figma Mobile App TemplateArticle - Figma Mobile App Template

And then there’s the Article Mobile App Figma template, which includes a UI/UX kit you can put to work immediately. The design is perfect for creating an app for a blog or information website with support for categories, social sharing buttons, and more. 

A few standout features include: 

  • Full range of customization 
  • Easy to edit
  • Compatibility with Figma, Adobe XD, Icon, and Sketch

10. Kiria – Donation Figma Mobile App Template

Kiria - Donation Figma Mobile App TemplateKiria - Donation Figma Mobile App TemplateKiria - Donation Figma Mobile App Template

Next is Kiria, a donation-focused mobile app for Figma that would work perfectly for those looking to create an app for a charity. The modern design featured here is fresh and engaging without being distracting. 

A few features to make note of include: 

  • Well-organized layers and grouped files 
  • Full customization is possible 
  • Includes free Google Fonts 
  • Compatible with Figma, Adobe XD, and Sketch 
  • Includes full documentation 

11. Coffee Mobile App Template for Figma

Coffee Mobile App Template for FigmaCoffee Mobile App Template for FigmaCoffee Mobile App Template for Figma

Or you can create an app for a coffee shop, café, or bistro with the Coffee Mobile App template. It includes a variety of screens for fleshing out your app’s design including those for a menu, individual menu items, login, and checkout. 

Other features include: 

  • Full editing and customization options 
  • Completely scalable files 
  • Compatibility with Figma, Adobe XD, and Sketch 
  • Well-organized and layered files 

12. Delivery – Figma Mobile App Template

Delivery - Figma Mobile App TemplateDelivery - Figma Mobile App TemplateDelivery - Figma Mobile App Template

Still another option is called Delivery. This Figma mobile app template works perfectly for creating a food delivery app the likes of GrubHub or UberEats. The design is easy to edit and features a clean layout that allows items for sale to stand out. 

Some included features here are: 

  • 2 screen options 
  • Layered and grouped files 
  • Total customization is possible 
  • Scalable vector files 
  • Includes free Google Fonts
  • Includes documentation 
  • Works with Figma, Adobe XD, and Sketch

13. Alarm & Reminder – Mobile App Template

Alarm & Reminder - Mobile App TemplateAlarm & Reminder - Mobile App TemplateAlarm & Reminder - Mobile App Template

Next up is the Alarm & Reminder mobile app Figma template, which offers custom screens for creating an eye-catching reminder app that goes beyond the default options on your smartphone. It even includes screens with pie charts and statistics for further customization. 

Additional features include: 

  • 20 user profile page designs 
  • Multiple reminder and alarm design presets 
  • Customize colors 
  • Includes Google Fonts 

14. Terra – Social Media Figma Mobile App Template

Terra - Social Media Figma Mobile App TemplateTerra - Social Media Figma Mobile App TemplateTerra - Social Media Figma Mobile App Template

Another option for creating a social media app is Terra, which is a great choice for creating apps for social media sites, digital marketing agencies, and those in other tech service-based industries. It includes several UI concepts and components that can be used together to serve startups, businesses, and other corporate entities. 

Features include: 

  • Screens for sign ups, menus, walkthroughs, chat, popovers, profiles, activity, and more
  • Well-organized files and layers 
  • Global text and color styles 
  • Fully customizable designs and components 
  • Includes free fonts 
  • Compatible with Figma, Adobe XD, and Sketch 
  • Includes documentation

15. HiDoc – Medical Mobile App Template

HiDoc - Medical Mobile App TemplateHiDoc - Medical Mobile App TemplateHiDoc - Medical Mobile App Template

Next up is the HiDoc mobile app template. Figma users making designs for the medical industry will enjoy this template as it provides numerous custom screens and designs specifically for the health and medical fields. 

HiDoc comes with: 

  • 10 medically-themed screens including those for making appointments, payments, profiles, chat, and more. 
  • Well-organized files and layers 
  • 100% vector-based 
  • Includes icons 
  • Uses an open-source font 
  • Compatible with Figma, Photoshop, and Adobe XD

16. Stock Investment – Figma Mobile App Template

Stock Investment - Figma Mobile App TemplateStock Investment - Figma Mobile App TemplateStock Investment - Figma Mobile App Template

Into financing and investing? The Stock Investment template might be a good fit for you. It offers a modern design that simplifies creating a mobile app so you can spend more time ironing out the details of your business – not on perfecting your app’s design. 

A few key features include: 

  • 5 distinct screen designs 
  • Free icons 
  • Fully customizable 
  • Well-organized layers 
  • Compatibility with Figma, Adobe XD, Photoshop, and Sketch
  • Includes full documentation 

17. Werehouz – Warehouse Mobile App Template

Werehouz - Warehouse Mobile App TemplateWerehouz - Warehouse Mobile App TemplateWerehouz - Warehouse Mobile App Template

Or if you need to create a warehouse app for managing stock internally or for allowing customers to see if a product is available, there’s the Werehouz mobile app template. It’s a fully UI kit you can put to good use immediately. 

Notable features include: 

  • Full range of customization and edits possible 
  • 10 screen designs including those for home, plan, profile, product page, details, log in, and more
  • Well-organized files and layers 
  • Uses free fonts 
  • Includes full documentation 
  • Compatible with Figma and Adobe XD

18. Marketing Onboarding – Figma Mobile App Template

Marketing Onboarding - Figma Mobile App TemplateMarketing Onboarding - Figma Mobile App TemplateMarketing Onboarding - Figma Mobile App Template

Last but not least, we have the Marketing Onboarding Figma mobile app template. This template provides a clean design with unique elements, thanks to its adherence to material design style choices. It’s a great option for those looking to build apps for agencies, freelancers, marketing companies, small businesses, and more. 

Features include: 

  • Fully scalable files 
  • Numerous screen options
  • Full documentation 
  • Compatible with Figma, Adobe XD, Illustrator, and Sketch

Free Figma UI Kits on Tuts+

Download these free UI kits for Figma, created especially for you by our talented designers:

The Mobile App Design Process Starts with a Figma Mobile App Template

At least one of the mobile app Figma templates included here is bound to serve you and your business well. Whether you’re an agency specializing in creating apps for a wide range of clients or you want to create a mobile app for your own business, we hope this curated list helps propel your efforts in the right direction. 

[ad_2]

We will be happy to hear your thoughts

Leave a reply

WebForgers
Logo
Enable registration in settings - general