Designing an effective user interface is not an easy task. However, when you have the right tools at your disposal, it becomes easier.
The first step is to find a tool that you’ll enjoy working with and that has all the features you need in an UI design software. Luckily, Figma fits that bill quite nicely.
Once you have the tool, you can quickly get to work and design a beautiful user interface. But, designing an interface from scratch can be time-consuming. Instead, consider using a web or a mobile UI kit to speed up your design process.
By using a premade design kit, you don’t have to spend time creating each UI element from scratch. You can focus on laying out those elements in the most logical and visually appealing way.
We’ve rounded up the best free mobile and web UI kits and templates for Figma. Check them out below and download them to your computer to save time on your UI design.
Free Figma Mobile UI Kits
This is a beautiful and dark UI mobile kit for Figma. It has a plethora of elements needed to create rich mobile interfaces so be sure to add it to you library.
If you’re working on a ticketing app, this UI kit will come in handy. It works with both Figma and Sketch and includes elements such as ticket buying screens, seat selection, and more.
This kit is based on Google’s Material design. It incorporates components such as bars, avatars, badges, expansion panels, and more. The kit is free to use in personal and commercial projects and is fully compatible with React Material-UI library.
Consider this free Figma UI mobile kit if you’re working on a chat dashboard. The kit features a full screen interface for a chat app and you can easily customize it to match your project needs.
Think Mobile UI Kit on Envato Elements
This mobile kit can be downloaded as part of your Envato Elements subscription. It features over 120 different screens in 11 categories for iPhone X. This kit has everything you need to create beautiful app interfaces.
These finances wireframes for Figma will come in handy whenever you need to create an interface for a payment processor, banking, accounting or any other finance app. It can be used in personal and commercial projects.
Easily create a mobile wallet login screen with the help of this UI kit. The kit is free for personal projects and can easily be customized with your choice of colors and fonts.
This beautiful and minimal UI kit contains 12 different screens so you can easily bring your app vision to life. The kit contains various icons, screen elements, and fully vectorized elements.
If you need iOS 10 UI elements, check out this kit. It was designed by Facebook Design team and includes elements such as search bars, drawers, avatars, badges, and more.
Free Figma Web Layout Templates
Calls to action are one of the most important elements on any website or an app. With the help of this kit, you will be able to create high-converting call to action blocks in no time.
Agency Landing Page on Envato Elements
Use this landing page template to quickly bring your company online and showcase what you have to offer. This template is easy to use and customize and includes well-organized layers and artboards.
Try this Figma kit if you need to make a web dashboard or a stats panel. The template includes a template in light and dark mode with a bunch of components to help you create a powerful and modern dashboard.
Quickly mockup a bookshop website with the help of this Figma template. The template includes an illustrated banner and is free for personal use.
If you’re loving the brutalist trend, this UI kit will be right up your alley. The template includes over 70 screens with sections for testimonials, services, team members, and more. The template is free for personal and commercial projects.
Free Figma Styleguide Templates & Starter Kits
This Figma starter kit contains basic UI elements such as forms, buttons, and basic icons. It comes in light and dark version and is free for personal and commercial projects.
Paper Wireframe Kit on Envato Elements
This simple wireframe kit is a great choice when you need to start prototyping your design quickly. All you have to do is select components you need, drop them on your screen, and start customizing them.
This kit touts itself as the ultimate design kit for Figma. You can easily create high fidelity wireframes, user interfaces, and style guides for desktop products. It’s fully customizable and free.
If you need to create a design system in Figma, this kit has everything you need. The kit contains pattern, typography, color, and other settings needed to create a complete styleguide.
Dashboard UI Kit 2.0 on Envato Elements
This dashboard UI kit is a great choice if you need to mockup a web or mobile app dashboard. It comes with fully responsive mobile screens and includes a collection of charts, graphs, onboarding screens, a set of icons, and a detailed style guide.
This is a simple and free UI style guide for Figma that you can download, use, and adapt to your needs. The kit is free for personal and commercial projects.