Designing an effective user interface is a complex task that requires careful consideration of various design elements, including layout, typography, color, and usability. However, with the right tools, the process becomes much more manageable.
Figma is a widely popular prototyping tool for designers, known for its range of user-friendly features that make creating beautiful interfaces easier. As a collaborative design tool, it allows multiple users to work on a project simultaneously, making it perfect for large or remote teams.
Designing an interface from scratch can be time-consuming, which is why using a web or a mobile UI kit is a great way to speed up the design process. By using a premade design kit, you don’t have to spend time creating each UI element from scratch. Instead, you can focus on laying out those elements in the most logical and visually appealing way. A UI kit can also help ensure consistency throughout your design, making your interface look professional and polished.
We’ve curated a collection of the best free mobile and web UI kits and templates for Figma. Check them out below, download them, and save time on your next UI design project. With these UI kits, you’ll be able to create high-quality interfaces in a fraction of the time it would take to design them from scratch.
If you’re new to Figma, you might like to a look at collection of Figma tutorials.
- Figma Mobile UI Kits
- Figma Web Layout Templates
- Figma Styleguide Templates & Kits
- Figma Icon Sets
- Figma Flowchart Templates
Free Figma Mobile UI Kits
iOS 16 UI Kit for Figma
This free Figma file comes with a multitude of components and templates to help you get up and running quickly on your next iOS project.
Nucleus UI Component Library
Nucleus is a free UI library of 300 components and over 30 screens. It will give you all of the building blocks you need to rapidly design your next mobile app.
Onir Mobile App Landing Page Template on Envato Elements
This template is easy to use and customize and includes well-organized layers, 15 artboards, and three page variations for creating mobile landing pages.
Grada Figma UI Kit
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 your library.
Notes Mobile App Template for Figma on Envato Elements
Survival Kit for iOS Design
Ticketapp Figma Template
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.
Material-UI React Components in Figma
This kit is based on Google’s Material Design, and 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.
Chat Dashboard Figma Template
Consider this free Figma UI mobile kit when 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.
Finance Wireframe Template for Figma
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.
Deca Kit for Figma
Deca is a beautifully designed UI library of components. With over 150 components, you will find everything you need to complete your next project quickly.
Login Wallet Mobile UI Kit for Figma
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.
Atro Mobile Figma UI Kit
This beautiful and minimal UI kit contains 12 different screens, so you can easily bring your app vision to life. The kit includes various icons, screen elements, and fully vectorized elements.
iOS iPhone GUI
If you need iOS 10 UI elements, check out this kit. It was designed by the Facebook Design team and includes elements such as search bars, drawers, avatars, badges, and more.
Free Figma Web Layout Templates
Responsive Portfolio Template
Download this 24-page responsive personal portfolio Figma template. It includes both desktop and mobile versions, and it is also compatible with Sketch and Adobe XD.
Bricks Wireframing UI Kit
Bricks is a extensive components library for Figma that has been designed for creating wireframes or as the starting point of your own design system.
Mechanical UI Kit 1.0
Mechanical is a free UI Kit for desktop interfaces with a full set of all components, including buttons, inputs, dropdowns, calendars, menus, toggles, sliders, and table elements.
Relume Library Figma Kit
With over 800 components, pages and templates, the free Relume Library Figma kit is a must download for Figma users.
34 Handy UI Components
Call To Action Blocks Figma Templates
Calls to action are one of the most important elements of any website or app. With the help of this kit, you will be able to create a high-converting call-to-action block in no time.
Notable Free Email Templates
Available in both light and dark color schemes, Notable is an email design system and styleguide that comes with a collection of 30 screens.
Marka Email Template Generator
Createx Website Templates (on Envato Elements)
Createx is a collection of five Figma web layout templates for eCommerce, education, creative agency, digital marketing, and construction.
Wireframe Library for Figma
This is a simple Figma plugin for quickly creating wireframes, prototypes, or just basic UI structures.
Breakpoints Responsive Figma Plugin
Breakpoints is a new free plugin that allows you to test responsive design layouts within a Figma frame.
Figma Web Dashboard & Statistics Template
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.
Bookshop Figma Website Template
Quickly mock up a bookshop website with the help of this Figma template. The template includes an illustrated banner and is free for personal use.
Brutalist Web Kit for Figma
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
Figma Starter Kit
This Figma starter kit contains basic UI elements such as forms, buttons, and basic icons. It comes in light and dark versions 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.
Product Design Kit for Figma
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.
Dashboard UI Kit 2.0 on Envato Elements
This dashboard UI kit is an excellent choice if you need to mock up 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.
Figma Design System UI Styleguide
If you need to create a design system in Figma, this kit has everything you need. The kit contains patterns, typography, color, and other settings needed to create a complete styleguide.
Eggplore Figma UI StyleGuide
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.
Button UI Design System for Figma
Thanks to this free UI design system, you can quickly and easily create buttons in Figma. The template is free for personal and commercial projects.
Open Design Systems Repo
This is a fantastic resource for anyone that uses Figma. It is a directory that allows you to discover and download all of the open design systems currently available for Figma.
Free Figma Icon Sets
Dripicons Figma Library
This set of Dripicons was explicitly created for Figma and can be downloaded and used in both personal and commercial projects. You can duplicate this file into your own Figma account with a single click.
Ripple Icon Library
The free Ripple icon set comes with over 500 icons, in three styles (line, fill and duo-tone), and all are completely editable.
Social Network Icon Collection 2022
This beautifully simple collection of 34 icons covers all major social media services, and includes both color and black & white versions.
55 Crypto Logos
If you’re working on a cryptocurrency or blockchain project, this is the free icon set for you. Over fifty logos of the most popular services are included in the template.
Website Page Builder Icon Pack on Envato Elements
Use this icon set if you need to create a user interface for a page builder. The set was inspired by the most popular page builders out there and can be downloaded as part of your Envato Elements subscription.
Evericons for Figma
This set contains a total of 460 icons that can be used for any project. The set is free for personal and commercial projects.
Shopping Icons for Figma on Envato Elements
This set of icons includes 60 icons which are perfect for an online store, shopping application, or website. The icons have adjustable line width and can be used in Figma as well as Illustrator, Photoshop, and more.
Figma Social Icons
Try this set if you want to add social media icons to your designs. The set contains over 100 icons that are easy to customize and can be used in personal and commercial projects.
Computer and IT Figma Icons on Envato Elements
Check out these computer and IT icons for Figma if you’re working on an IT project. The kit contains 60 icons and can be downloaded as part of your Envato Elements subscription.
Material Icons Figma Library
This free collection of icons comes with over 1000 icons that you’ll be able to use in any type of project and prototype. They can be used in commercial and personal projects.
Figma Font Awesome 5 Icon Component Library
This icon set is based on Font Awesome icons and contains over 1200 unique icons which are neatly categorized. They can be downloaded and used for free in any personal project.
Figma Entypo Icon Component Library
This library of Entypo icons was made specifically for Figma. It comes with 411 free and premium vector icons ready to use for your next UX design project. It can be used for free in personal projects.
Free Figma Flowchart Templates
Greyhound Flowchart Templates for Figma
This set of flowchart templates comes with more than 200 cards to help you quickly create flowchart and sitemap prototypes. The kit is free for personal and commercial projects.
Design Presentation Template for Figma
This free template has been designed so that you can quickly create professional presentations of your UI creations. It comes with a variety of completely customizable buttons, charts, and text blocks so you can make your presentation your own.
Figma makes it easy to quickly create beautiful prototypes for mobile apps, web apps, dashboards, sitemaps, and any other UI project you need. With the help of these Figma UI kits, you will be able to prototype your designs more quickly, so be sure to add them to your library today.
- 50 Free Mobile UI Kits for iOS & Android
- 20 Free Mobile UI & Wireframe Kits for Sketch App
- Top 50 Free Web UI Kits & Templates
- 50 Free Wireframe Templates for Mobile, Web & UX Design
- 20 Free Payment Method & Credit Card Icon Sets
- 20 Free Bootstrap UI Kits
- 30 Free Social Media Icon Sets for UI Designers
- 20 Free Adobe XD UI Kits for Web & Mobile App Designers
- Free Web & Mobile Wireframe & Layout Kit (Illustrator AI)
- The Free Material Design UI Kit (Photoshop PSD)