35 Free Web & Mobile UI Templates for Figma

No Comments

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.

Quick Jump: Mobile UI Kits, Web Layout Templates, Styleguide Templates & Starter Kits, Icon Sets, and Flowchart Templates.

You might also like our collections of free web UI kits, free mobile UI kits, or free wireframe kits.

Free Figma Mobile UI Kits

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 you library.

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.

Ticketapp Figma Template free figma ui mobile kit

Statistics iOS UI Kit for Figma on Envato Elements

Charts, bars, and graphs.. What more could you want from an UI kit designed to work specifically with statistics? If you’re working on an app for a website or any other app where statistics are important, this kit has you covered.

Statistics iOS UI Kit figma ui mobile kit

Material-UI React Components in Figma

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.

Material-UI React Components free figma ui mobile kit

Chat Dashboard Figma Template

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.

Chat Dashboard free figma ui mobile kit

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.

Think Mobile figma ui mobile kit

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.

Finance Wireframe free figma ui mobile kit

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.

Login Wallet free figma ui mobile kit

Android Settings UI Kit for Figma on Envato Elements

This kit comes with a set of 4 Android screens, 520+ icons, and free fonts that you can use to create a prototype of an Android app. The kit can be used for all kinds of apps and has well-organized layers for easy editing.

Android Settings UI Kit for Figma free figma ui mobile kit

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 contains various icons, screen elements, and fully vectorized elements.

Atro free figma ui mobile kit

iOS 10 iPhone GUI

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.

ios 10 free figma ui mobile kit

Free Figma Web Layout Templates

Call To Action Blocks Figma 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.

Call To Action Blocks free figma ui web layout template

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.

Agency Landing Page free figma ui web layout template

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.

Web Dashboard Statistics free figma ui web layout template

Bookshop Figma Website Template

Quickly mockup a bookshop website with the help of this Figma template. The template includes an illustrated banner and is free for personal use.

Bookshop Figma Website free figma ui web layout template

Laza Craft Shop Template on Envato Elements

This UI kit contains 12 home versions, 100+ screens, and well-organized layers which make it easy to customize and use this kit. The template comes as a part of your Envato Elements subscription.

Laza Craft Shop figma ui web layout template

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.

Brutalist Web Kit figma ui web layout template

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 version and is free for personal and commercial projects.

Starter Kit free figma ui styleguide kit

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.

Paper Wireframe Kit free figma ui styleguide kit

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.

roduct Design Kit free figma ui styleguide kit

Figma Design System UI Styleguide

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.

Design System UI Styleguide free figma kit

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.

Dashboard figma ui styleguide kit

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.

Eggplore free figma ui styleguide kit” height=”500″ width=”850″/>

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.

Button UI Design System free figma ui styleguide kit

Free Figma Icon Sets

Dripicons Figma Library

This set of Dripicons was created specifically 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.

Dripicons free figma ui icon set

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 most popular page builders out there and can be downloaded as part of your Envato Elements subscription.

Website Page Builder free figma ui icon set

Evericons for Figma

This set contains a grand total of 460 icons that can be used for any project. The set is free for personal and commercial projects.

vericons free figma ui icon set

Figma Social Icons

Try this set if you want to add social media icons to your designs. The set contains over 100 icons which are easy to customize and can be used in personal and commercial projects.

Social Icons free figma ui icon set

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.

Shopping Icons free figma ui icon set

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.

Material Icons free figma ui icon set

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.

Font Awesome 5 Icon Component Library free figma ui icon set

Computer and IT Figma Icons on Envato Elements

If you’re working on an IT project, check out these computer and IT icons for Figma. The kit contains 60 icons and can be downloaded as part of your Envato Elements subscription.

Computer and IT figma ui icon set

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.

Entypo free figma ui icon set

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.

Greyhound free figma flowchart data table

Flow Chart Kit 2.0 for Figma

This is another great flowchart kit that’s perfect for designing sitemaps and visualize processes quickly. The kit is free for personal and commercial projects.

Flow Chart Kit 2.0 free figma flowchart data table


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 kits, you will be able to prototype your designs more quickly so be sure to add them to your library today.

The post 35 Free Web & Mobile UI Templates for Figma appeared first on Speckyboy Design Magazine.

Source

About us and this blog

We are a digital Agency with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional website design and digital marketing services. Every website project is unique in it's own design, and every marketing effort has a budget, we give each client a quote specific for your project needs.

Subscribe to our newsletter!

More from our blog

See all posts

Leave a Comment