Newest 20 free Figma templates to kickstart your next project

A curated review of Figma resources recently published by a community. We picked the most useful and well-crafted.

Best 20 free Figma templates for your Design system, Dashboard or Application
Resources

Published on

April 15, 2020

|

4 mins read

Blog

Newest 20 free Figma templates to kickstart your next project

Jamshed Kasimov

Jamshed Kasimov

Dear friends, it is time for a new post, where we continue to inform you of free resources for Figma that will kickstart your new projects.

We see how the official community works with Figma resources and develops through them. However, due to the lack of moderation, the environment of Figma resources is sometimes clogged with useless, absolutely unnecessary templates. That is why we decided to solve this problem and, by filtering all the waste, select only the most necessary and useful templates for you, the ones that will help you design websites, apps and design systems faster, while remaining creative and productive.

If you've missed the first part of our digest, we highly recommend you check it out, because there is a lot of interesting stuff there.

In this post, we have prepared for you an epic selection of 20 well-crafted templates!

Today we are going to review the following freebies

  • Ant UX Wireframes - a wireframing kit to kickstart the UX process

  • Avatar Illustration System - make your own avatar with this illustration system

  • Brainstorming Design System & Brainstorming Table Design System - two systems to kickstart any project

  • Bright Kit - a kit to rapidly design the landing pages

  • Browk UI Kit - a design system that keeps updating every week

  • Clarity Icons - a large library of all-purpose icons

  • Coolicons - a set of icons for any project

  • Creatures - play around and build monsters

  • Ex-Out Illustrations & Graphics - a set of 100+ well-crafted illustrations

  • Instagram Mockup 2020 - 14 fresh Instagram templates

  • Investor Pitch Presentation Template - a collection of templates to impress the potential investors

  • iOS Keyboards & iOS Browser Kit - templates for designing the iOS apps

  • Lucent UI Design System - clean and minimal design system

  • Redlines - UI / UX Annotating Kit

  • Remote Design Sprinting - template to organize design sprints

  • Simple Deck Template - a set of templates for presentation purposes

  • Slide Toolkit - a set of slides for a presentation

  • Smart Animate - tutorial to master the Smart Animate feature in Figma

  • U.S. Web Design System UI Kit - design for desktop, tablet & mobile screens

  • Wireframing Kit - a large kit for wireframing

So, as usual, we remind you that the most delicious part is at the end of article. You don't want to miss it!

20 / 20

Instagram Mockup 2020

https://www.behance.net/gallery/89801399/Instagram-Mockup-2020

If you are creating relevant Instagram designs for iOS in 2020, then this fresh Instagram Mockup is something you should try.

Besides Colors and GUI, the Mockup includes 14 templates (Feed Screen, Gallery Page, Stories, Shop, Profile, etc.)

19 / 20

Redlines

https://www.figma.com/community/file/784773846783975923

Aspect Ratios, Dimensions, Guides, Labels, Markers, Outline, Spacing – all of it you will find in Redlines – the UI/UX Annotating Kit to add to your designs. Redlines are very flexible and very easy to adjust.

18 / 20

Coolicons

https://www.figma.com/community/file/800815864899415771

Coolicons is an excellent library of high-quality icons that will suit your new projects.

It contains 314 icons (Arrows, Attention, Basic, Brand, Misc, Notification, Menu, Chart, Device, Calendar, User, File, System, Media) + a small collection of components and color styles.

17 / 20

Ant UX Wireframes

https://www.figma.com/community/file/819944587060250168

Every project begins with the wireframes. You can't create an awesome interface without a well-thought-out UX. So why not use this wonderful Kit and do things quickly, showing what should be where?

Ant UX Wireframes is a simple yet very useful set of wireframes that will help you rapidly build low-fidelity templates. You can check all the details here: https://ux.ant.design. User Flows, Product architectures, Logic diagrams – you will find all of these in this Kit.

16 / 20

Investor Pitch Presentation Template

https://www.figma.com/community/file/766822741396935685

If you are looking for investors to fund your startup or any kind of a project then this template is for you! Investor Pitch Presentation Template includes 20 slides with solid design and nice visuals.

15 / 20

Slide Toolkit

https://www.figma.com/community/file/817711949356767687

Slide Toolkit is another presentation template worth-mentioning. It's a set of basic components and templates backed up with a 6-row & 12-column grid to prepare solid presentations. It has such components as: text, textboxes, titles, arrows, sticky notes, highlights, etc. Also it contains 15 sample templates.

14 / 20

Lucent UI Design System

https://www.figma.com/community/file/810284256749592805

This clean and minimal design system includes a nice library of components like: Buttons, Chips, Forms, Menus, Modals, Sliders, Status Bars, Calendar, etc.

It's backed up with a beautiful color palette and 276 icons.
Both light and dark themes are available.

13 / 20

Simple Deck Template

https://www.figma.com/community/file/768200999698270273

Take your presentations to the next level.

Simple Deck Template is a great set of decks that will be helpful when you present your designs or project milestones.

It includes Title Slides, Agenda Slides, Section Slides, Data Slides, Mobile UI showcase slides, etc.

The templates are done in a simple format and they are very easy to use. The author promised to add more templates in the future.

12 / 20

Ex-Out Illustrations & Graphics

https://www.figma.com/community/file/812397098918918427

With Ex-Out Illustrations and Graphics there is no need to use stock illustration websites.

Art & Imagery, Objects, People & Emotions, Education, Technology & Social – these are the categories where you will find more than 100 great illustrations that can be used in your next Figma project.

11 / 20

Avatar Illustration System

https://www.figma.com/community/file/829741575478342595

With this Illustration System, you can create your unique avatar. It has all the necessary components for it: Base, Ears, Ear Ring, Haircuts, Mouth, Eyes, Eyebrows, Nose, Glasses, Beard, etc.

Also, there are some samples from where you can get the inspiration. Start swapping around and enjoy the process of creating your avatar!

10 / 20

Smart Animate Tutorial

https://www.figma.com/community/file/767122733527420957

Smart Animate allows you to animate similar frames, providing smooth animation, exactly the kind you wanted to make yourself.

You can consider Figma frames as keyframes in the animation instead of artboards, so when you create states A and B (keyframes), Figma creates in-between frames for smooth animation. Duplicate the file to see how to prototype with Smart Animate or watch the tutorial here: https://www.youtube.com/watch?v=6Id4INKEwb8

9 / 20

Wireframe Kit

https://www.figma.com/community/file/769801235736984714

Another Kit to create wireframes in our list today – Wireframe Kit.

Complete with Alerts, Buttons, Cards, Chips, Dialogs, Tables, Tooltips and other components and UI controls. Page templates are also included.

8 / 20

Creatures

https://www.figma.com/community/file/770424587644116118

This kit is great for designing websites or apps for kids. Or you can use them to make your presentations more creative and funny. Also the Creatures can be useful if you want to represent them as viruses in the apps or website designs (yes, yet another reference to COVID-19).

The template has a very beautiful color palette – Gradients, Pastels, Solid & Neutral colors and a nice quantity of components to swap around. Mix and match your creatures and go wild with creativity!

7 / 20

U.S. Web Design System

https://www.figma.com/community/file/817531077036545462

This interesting design system will help you when you are at the very beginning of the design journey.

What can we single out here: a beautiful color palette and elegant Public Sans font that harmoniously complement each other.

Components: Accordions, Alerts, Buttons, Forms & Inputs, Search, Table, Sidenav, Tags, Banners, Headers, Footers. With this Kit you can design for desktop, tablet & mobile screens.

6 / 20

iOS Keyboards & Browser UI Kit

iOS Keyboards and iOS Browser UI Kit are two separate templates that we combined together because they serve the same purpose - to create interfaces for iOS.

iOS Keyboards is a great set of keyboards for iOS projects.

In this kit you will find high quality components for iPhone SE, 8, 8 Plus, iPhone X, iPad Mini to iPad Pro. And they are designed for portrait and landscape orientations. Also a new numeric keyboard for iPhones was added.

iOS Browser UI Kit represents a simple collection of status bars and toolbars for iPhone 8 and iPhone X for that you can use when designing for Safari and Google Chrome.

Both systems have light and dark modes.

5 / 20

Remote Design Sprinting

https://www.figma.com/community/file/822141660209426062

This great tool is very powerful when it comes to make a remote design sprint, and it's especially relevant during the COVID-19 crisis.

Remote Design Sprinting has a lot of great stuff: team exercises, sticky notes, flowcharts, slides to help you create your own assignments. All of these were inspired by the Remote Design framework.

4 / 20

Clarity Icons

https://www.figma.com/community/file/767107487237195799

We already talked about Clarity Design System UI Kit in our previous blog post. Today we want to cover the Icons. And here they are: almost 900 well-crafted solid and outlined icons at your disposal.

Charts, Commerce, Core, Essential, Media, Social, Technology, Text Editing, Travel! So many categories and icons inside them – and they are for free.

3 / 20

Bright Kit

https://www.lapa.ninja/freebies/brightkit-for-sketch-and-figma/

Bright Kit is a fantastic template that will provide you with everything you need to design awesome websites. When you have such a wonderful tool at your fingertips as Bright Kit, it's no exaggeration to say that you can design a website within an hour.

Horizontal & Vertical Menus, Footers, Hero Sections, Testimonials Sections, Call to Action Sections, About Sections and lots more.

Download the package and check it out yourself.

2 / 20

Browk UI Kit

https://www.figma.com/community/file/817436609226882468

Anyone can use this amazing free Figma resource to boost the workflow and get things done as soon as possible.

Browk UI Kit has a lot of components, like: Avatars, Buttons, Badges, Context Menus, File Forms, Icons, Inputs, Tags, as well as Typography, Colors, Shadows, Grid and lots more.

And as the author claims, he will add more features to this kit every week. Great UI Kit and well deserved second place in our rating.

BEST RESOURCE!

Brainstorming Design System

https://www.figma.com/community/file/811693274772198671

These two resources are two separate projects, but we wanted to highlight them both in one position. Because when these systems are united - you have a powerful combo that you can use in your projects. That's why we decided to unite them and give them the first place! They will definitely help you save thousands of hours so that you could create beautiful designs in Figma.

Brainstorming Design System has 249 different styles, a big component library that includes 508 components, such as: buttons, calendars, dropdowns, forms, navigations, as well as 8 bonus mockup devices. It's all backed up with 6 different grids.

Brainstorming Table Design System is designed for people who are struggling hard to design tables in Figma. With this system you can enhance your workflow and design great tables of different types. This kit includes 289 different styles, 354 components and 15 tables, designed for demonstration purposes.⁣_‍_

Definitely a must-have tool for your collection.

Conclusion

And that's it for today, friends! We hope you enjoyed the list and already chose what product you want to use in your projects. As always, make sure to check out premium and free design systems and templates at our store.

We hope you are staying safe out there! Still a lot of creative stuff to come, so stay tuned and #stayhome and #stayproductive

Subscribe to Setproduct

Once per week we send a newsletter with new releases, freebies and blog publications

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.

Related posts

LiftKit: Open source design system for Figma & React

Resources

4 min read

LiftKit: a free Figma UI kit made by a design nerd obsessed with spacing

So I stumbled across this post on Reddit the other day. Some guy spent 18 months building a design system for free and just open sourced the whole thing.

Nocra UI kit: The AI design system with templates

Resources

9 min read

Nocra: A design system built for AI Startups (And why you’ll want to use it)

Introducing Nocra, a design system specifically crafted for AI products. This Figma UI kit is designed to help AI startups launch their products with a professional and modern look.

User profile design masterclass. From Figma templates to live implementation

Resources

7 min read

User profile design masterclass. From Figma templates to live implementation

Learn profile page structure, redesign strategies, and UX best practices for SaaS/app development. Discover 12 battle-tested Figma profile templates and helpful CodePen snippets.

Figma Templates & UI kits

Save time and human resources by reusing hundreds of pre-made templates crafted by us. Based on top notch UX taken from the World's best apps.
Dashboards
Mobile
Charts
Code
Websites
Bundle
Freebies

Nocra UI kit

Nocra is a design system for AI products. Built specifically for startups harnessing AI generation: images, video, audio, music, prompts, and beyond.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready-to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.