UX Resources, Tutorials & Best Practices

Discover UX research methods, wireframing techniques, and testing frameworks through expert tutorials and practical guides.

  • Figma sneakers ecommerce app

    Figma sneakers ecommerce app

    Today’s new freebie was made by Insight lancer. A free set of screens for a sneakers ecommerce app for Figma. The set includes a home screen, a product details screen, and a shopping cart. The home screen has a search section, a section to display logos of popular brands, and section to display pictures of…

  • Movie streaming UI dashboard for Figma

    Movie streaming UI dashboard for Figma

    A round of applause for Tetiana Gulei who designed and shared this freebie. A free movie streaming UI dashboard for Figma users. Ever thought of designing your own movie streaming website? Use this beautifully designed dashboard as the starting point. There are 7 screens including a login screen, home page, favorites page, and a couple…

  • Figma personal portfolio free template

    Figma personal portfolio free template

    Today we are featuring a great Figma freebie created by Muhammad Umair. A free template for a personal portfolio landing page. It’s designed for devices having a width of 1920px. It uses the ever-popular Poppins font. You can easily customize the template and create any type of personal portfolio with CTA, work experience, testimonial sections,…

  • AI content creation Figma template

    AI content creation Figma template

    Here is a new free Figma resource created by Mikołaj Niżnik. AI content creation has recently become very popular. All modern apps now have an AI feature added. If you, too, want to get onto the Artificial Intelligence bandwagon, you can get started quickly using this free AI content creation Figma template. The template has…

  • “Linear” Gradients Figma Tutorial

    “Linear” Gradients Figma Tutorial

    Have you ever wondered how to design those sexy gradients you can find on the Linear website? In his Figma tutorial, Fons Mans is showing us exactly how to do that! Follow all the necessary steps included in the Figma file to create these gradients and use them in your own design projects.

  • Figma Auto Layout Tutorial: how to design a Task Card

    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…

  • 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…

  • 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…

  • 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…