0_Cover

Figma Auto Layout Tutorial: how to design a Task Card

If you’ve ever worked with a task management app, you might have seen cards used to represent tasks, showing details such as title, description, tags, priority level, etc.

Components like Task Cards are great for displaying important information about multiple activities on a board while still allowing team members quickly scan the screen and find what they need.

This article will teach you how to design a Kanban-inspired Task Card using Auto Layout in Figma.

Read More
Airbnb redesign Figma app template

Airbnb redesign Figma app template

Have a look at this really interesting new resource made by Davio White.

It’s a free Airbnb redesigned app template for Figma. There are two designs with different sets of icons. Features common to both designs include: a search box at the top, followed by category icons, a main location picture, details of the place including ratings, price, and distance from the user. There is also a map and other buttons to access various screens of the app.

Really cool redesign for one of the most popular app out there.

Read More
Task management Figma app template

Task management Figma app template

Check out today’s latest freebie, created by Fazil Laghari.

Nowadays, most people have very busy schedules with lots of important tasks to be taken care of during the day. Thus, task management apps have become very popular. Fazil has shared a free task management app template for Figma. The template uses a dark theme. It has 13 screens and looks pretty sleek. You can use this template to design your own app to manage tasks.

A great addition to your list of Figma freebies.

Read More
WunderUI main

WunderUI – Figma Design System & UI Kit

Make sure to have a look at this huge new premium Figma product created by the awesome team at KL-Webmedia.

WunderUI is a collaborative, advanced Figma design system which is created to boost your performance and productivity. With a close look into scalability, accuracy and consistency, WunderUI allows you to kickstart your next project within minutes, thanks to its full design library made of beautiful and handcrafted UI components, styles and pre-made templates, giving you unlimited creative opportunities.

Made by creators for creators, individuals and teams. Get unlimited access for life, including future updates for a one-time payment.

Read More
iPhone 14 Pro Figma Mockup

iPhone 14 Pro Figma Mockup

Make sure to have a look at this new resource shared by Imam Fajar.

A free iPhone 14 Pro mockup for Figma. This is a useful resource if you need to show apps on an iPhone screen. The designer has also provided detailed instructions on how to use this design in your projects. You can adjust the resolution and rotate the image, if required.

Thanks for sharing this.

Read More
Free real estate template for Figma

Free real estate template for Figma

Here’s a new free UI resource created by Nagarjuna Pulugam.

A free template for a real estate app or website designed in Figma. You can use the components of this template to quickly create any real-estate website. The components are 100% responsive and you can also easily change the colors used in the template to suit your requirements or your client’s corporate colors.

 

Read More
500 free Figma icons

500 free Figma icons

When working on a project in Figma, have you ever had to search for icons? Have you had trouble finding a unique icon to match your app or website’s main function? Then check out this nice little freebie kindly shared by Uxcel.

A set of 500 pixel perfect free icons for Figma users. This huge collection has icons to meet all your needs. There are arrows, social network icons, system & status icons, gamification icons, icons to represent various software tools, icons for ecommerce and more! Most of the icons are available in 2 versions: filled and outline. You can change the color, size and style of the icons as required.

The best part? It’s free!

Read More
Figma travel landing page template

Figma travel landing page template

Many thanks to uix design who created and shared this new Figma resource.

A free template of a landing page for a travel agency. The template has all the sections that you would require for a travel website. You have the logo, menu, login and sign up buttons at the top. This is followed by a call-to-action section. You also have sections for logos of online travel booking apps, top destinations, our services, key features, testimonials, etc. There is also a newsletter subscription section, followed by a multi-column footer and social sharing logos.

Great freebie to get you inspired!

Read More

Untitled UI – The ultimate Figma UI kit (Premium)

A big round of applause for Jordan Hughes who created this new stunning Figma premium resource.

Untitled UI is probably the largest Figma UI kit ever created and it will help you complete design projects 10 times faster than before. You can create any kind of page or interface by re-using the near-infinite amount of components included in this product.

Every component is carefully crafted with Auto Layout 3.0, super-smart variants, and with accessibility in mind. You can swap out variants in seconds.

Read More
Video web app Figma template

Video web app Figma template

Aksonvady Phomhome created this new Figma freebie and shared it with the community.

A free Figma video web app template with images generated using Midjourney AI. This concept design is inspired by Youtube and it represents a list of videos, using a pretty cool dark theme color scheme.

Great job!

Read More
Frames X Figma

Frames X – The Ultimate Figma UI kit

Simply put, Frames X is one of the most outstanding, easy-to-use and well-documented Figma Design Systems out there.

It includes well-thought-out design guidelines and ready-made components, and it also features a comprehensive Ebook which will explain in detail how to use everything included in this kit.

The Ebook is actually what sets Frames X apart from other similar products on the market.

You will have access to learning materials that will help you understand the underlying principles and best practices of design, as well as practical examples that you can use as a foundation for your own designs.

Read More