This content originally appeared on Envato Tuts+ Tutorials and was authored by Brenda Barron
Don’t start from scratch to create a new app design when there are Figma templates around. We’ve collected several Figma mobile app templates here that span numerous industries to save you some time. Enjoy!
There are many reasons why you might want to design 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.
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 Figma 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:
- 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.
- 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.
- Select the color scheme. With your wireframe settled, pick the color palette you’d like to go with.
- Create your first mockup. Create a mockup of the screens based on your wireframes. Use placeholder images, if need be.
- Test it out and make necessary changes. Hand over the mockup to some team members or trusted colleagues to see what they think.
- Send it off to development. Developers then take the mockup and produce the code to make a functional (and eventually live) app.
18 Best Figma Mobile App Templates in 2023
Now let’s get to our list of Figma mobile app templates, shall we?
1. Zoomie - 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. Speed up your mobile app design process with this useful template.
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 Figma 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 Figma Mobile App Template
Another option is the Travel & Booking Figma 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 includes features that will help your mobile app design process. Download and get:
- A modern, highly adaptable design
- Free fonts
- Fully scalable and vector designs
- Compatibility with Figma, Adobe XD, Photoshop, and Sketch
4. Mobile Wallet - Figma Mobile App Template
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 Template 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
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 Figma Mobile App Template
If you’re looking to create something more social, there’s always the Chatting Figma 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 Figma Mobile App Template
Those in the real estate industry won’t be left out, either. The Real Estate Figma Mobile App template offers 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
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.
Improve your mobile app design process with the following features:
- Full range of customization
- Easy to edit
- Compatibility with Figma, Adobe XD, Icon, and Sketch
10. Kiria - 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 Figma Mobile App Template
Or you can create an app for a coffee shop, café, or bistro with the Coffee Figma 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.
Work with the following features for your mobile app design process:
- 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
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 - Figma Mobile App Template
Next up is the Alarm & Reminder Figma mobile app 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
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 Figma 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
Into financing and investing? The Stock Investment template might be a good fit for you. It offers a modern design that simplifies your mobile app design process 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 Figma 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 Figma 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
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 Mobile App Template UI Kits on Tuts+
Do you want to design a mobile app with free files? Download these free UI kits for Figma, created especially for you by our talented designers:
Free Figma UI Kit: NFT Marketplace App
Free Figma UI Kit: Personal Banking App
Free Figma UI Kit: Social Food App
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.
Discover More Figma Mobile App Templates & Tutorials
If you're looking for additional Figma templates, we've gathered some of the top mobile app templates for Figma in this section so you can get started with your mobile app design process.
Plus, if you want to learn more about Figma, we have some quite interesting and helpful tutorials for you to check out:
15+ Best Landing Page Designs for Figma 2023
28 Figma UI Kits for Designers
15+ Best Figma Design System Templates 2023
15+ Best Figma Templates for Web Designers
21+ Best Figma eCommerce Templates.jpg)
.jpg)
15+ Best Figma Templates for UI and Web Designers
5 Figma Tricks and Tips for Beginners
A to Z of Figma: Tips & Tricks!
This content originally appeared on Envato Tuts+ Tutorials and was authored by Brenda Barron
Brenda Barron | Sciencx (2022-07-02T01:26:40+00:00) 15+ Best Figma Mobile App Templates. Retrieved from https://www.scien.cx/2022/07/02/15-best-mobile-app-templates-for-figma/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.