Figma Templates, UI kits and Freebies

Figma empty state illustration kit

Here is a new free resource created by UI Trend.

In UX design, when there is nothing available to show on screen, we talk about “empty states”. For example, a new member area screen where the user has not yet created any files or folders. Now, you can’t just show a blank screen because users may get confused. They may wonder: has the screen finished loading or has the page stopped responding? So, a good solution in this case would be to show an “empty state” icon.

Here is a free collection of empty state icons designed in Figma. There are over 200 icons such as empty shopping cart, zero notifications, etc. You can place these icons on an empty state page to show users that there is nothing to show!

18 free Figma loading animations

Kudos to Andrei Iancu who designed this new freebie and decided to share it with everybody.

A set of 18 screen loading animations designed in Figma that you can use for free. There are both normal screen and dark screen versions. These animations use just two steps. So they load very quickly. By studying these in Figma, you can learn how to create your own loading animations.

Figma calendar date picker

There is always a great chance of people making mistakes while entering dates. Hence, it is a good idea to have a date picker on your form.

Phoneix Design designed and shared with the community this free Figma calendar date picker. It’s responsive and you can easily change the colors or customize it to your own needs..

Hope you find this useful.

Alarm mobile app template for Figma

Check out today’s freebie, created by Arunbala Pillai.

A free alarm mobile app template designed in Figma. The app has 20 screens including a welcome screen, message screen, alarm screen, feedback, etc.

It’s been designed in dark mode and accent colors are pretty attractive. Some cool gradients too.

Free music app Figma template

Urvashi Kaushik created this new freebie and shared it with the community.

A free music app template for Figma. Keeping with the current design trends Urvashi has designed the app template using dark mode. The design has options for adding images of albums or music artistes. There is a section for New Releases. There is also a menu at the top with options like Podcasts, Music, and ASMR.

Figma hand drawn shapes and vectors

Sajjad has created this lovely set of hand drawn shapes that you can use in all of your Figma design projects. The collection includes 12 arrows, 12 underline squiggles, 12 highlight scribbles, and 6 miscellaneous symbols.

Use these elements in your website to make your web pages stand out from the pack!

Massive Figma Premium Design System

Check out today’s premium resource, created by SaaS Design.

A library of more than 1500 editable UI components designed in Figma which will help you save time and money when starting a new project.

These components are highly customizable and easy to use.

50 free log in and signup Figma templates

Make sure to have a look at this new free resource shared by Yan Liu.

Here is a collection of login and signup templates for Figma. There are 50 log in templates and 50 sign-up templates. You can easily change the text, colors, images and icons of the templates to suit your requirements. Use these templates to speed up your website designing jobs.

Awesome!

iPhone 13 Mockup for Figma

Check out today’s latest freebie, created by Saljug Studios.

It’s an Apple’s iPhone 13 mockup for Figma, that you can use to showcase all your mobile projects or include in landing pages or presentations.

Both white and dark versions are included.

Figma travel website template

Many thanks to Viktor Ewing who created and shared this new cool resource.

A free Figma travel website template that you can use as inspiration in any of your projects. This template has many useful components, call to action section, etc. It also has hundreds of travel-related and social media icons. The icons are available in two styles: filled and outline.

Thanks for making this available to everyone.

Free Figma social and tech icons

Today we are featuring a great new freebie created by Saljug Studios.

A free collection of social media and tech icons for Figma. The collection includes all the popular icons such as Facebook, Twitter, Instagram, Pinterest, WhatsApp, etc. You can easily reuse the required icons into your Figma designs.

Enjoy this free resource!

iOS status bar UI kit for Figma

Today’s new freebie was made by Theodore Tsai.

The iPhone Notch has been present ever since the iPhone X came out. However, with the iPhone 13 series, Apple has changed the dimensions of the notch. This affects the placement of the icons in the iPhone status bar. So, when making mockups, you would need to create two different designs/layouts to accommodate the differences in the phones.

Theodore created this free iOS status bar UI kit for Figma. The kit has battery, network and location service icons. Using these, you can easily create mockups for the different iPhone models.

Figma Templates, UI kits & Resources