Hire a Team!

Figma templates & UI kits

We make UI/UX design right!

Tutorials, ideas, inspiration

Feb 07, 2023
Logo design ideas for creating a lasting visual identity
Whether you're a graphic designer, a marketing professional, or a brand design agency, this guide will help you design an original logo that is both visually appealing and effective in conveying the principles and identity of the brand.
Feb 02, 2023
9 reasons to use Material UI kit for Next.js, TailwindCSS and Figma
I am going to express 9 reasons why our Figma & Next.js library is the right choice for web applications, especially when styled into trendy Material You design theme, as well as the pros and cons of investing in this UI kit.
Jan 20, 2023
Choosing app UI, UX design & development studio
How to choose the right web design and development agency for your application? It is a important decision that can have a major impact on the success of your product.
Jan 16, 2023
Buttons UI design – Comprehensive tutorial on UX, styles and usability
Designing buttons that work well requires taking into consideration the style, feedback, and accessibility. The design goal should be to make the them as intuitive as possible so the user can interact with Buttons seamlessly.
Jan 07, 2023
Adobe Creative Cloud is stealing UI designs to train the AI
The issue of Adobe Creative Cloud stealing artwork is a serious one and is causing a great deal of concern in the creative community.
Jan 02, 2023
18 design & developer resources to boost your productivity and creativity
In today's list, you will find texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more.
Dec 28, 2022
The best 2023 fonts pairing for app design, website, or presentation
We, as Setproduct design studio, nominated the combination of free fonts Outfit & Spline Sans to use for 2023. Whether it's a website, or complex dashboard, this pair fits everywhere.
Dec 25, 2022
How is my clock hides behind a mountain? iOS 16 lock screen feature
No big deal! Apple used their advanced 3D rendering technology to create the mountain in the background. The mountain was rendered using a combination of textures, lighting, and shading to give it a realistic and lifelike appearance.
Nov 20, 2022
Freelance designer tips: Difficult clients & endless design revisions
Solid strategies on how to work with difficult design clients and protect yourself from endless revisions without getting paid additionally.
Nov 07, 2022
Calendar UI design – Date picker best practices & inspiration
Calendar & date picker UI design inspiration & UX tutorial. Got stuck at designing calendars? In addition to useful UX guide, covered in this post; we've included an inspiration gallery full of calendars. Enjoy, steal and remake!
Oct 12, 2022
Freelancer guide: how to switch from Fixed-Price to a Hourly Rate
How to set a hourly rate to avoid cases where a project with a pre-agreed amount ended up going beyond implementation because of seemingly insignificant changes on the client's side.
Oct 04, 2022
Checkbox UI design – React component styled in Chakra
Styling ideas for React checkbox component designed in Figma and styled in Chakra. This post contains UI design ideas, live components, code samples and some inspiration to assist coders design better.
Sep 07, 2022
How to make 3D animation effect on page scroll HTML & JS
In this tutorial, we'll take the Apple AirPods page as an example and show you how to get this effect if you want to create a webpage with the same effect.
Aug 19, 2022
Breadcrumbs UI design exploration — Anatomy, UX tips, use cases overview
Breadcrumbs — is a composition of navigational links to reveal the current position in case of multi-level nested structure for a website, dashboard or application.
Aug 08, 2022
Best 20 design resources for startups, developers and designers
Today's list includes a bunch of cool icons, powerful UI kits, great collections and tools, even a history of user interfaces, and so much more.
Jun 30, 2022
How to design a landing page to improve conversions
The process of making a high-converting landing page. We've put together design rules and outlined the structure of a successful website.
Apr 05, 2022
8 designers and developers bootstrapped a side project to success
We've gathered some inspiring stories of 8 Twitter fellas (mostly designers and developers), who bootstrapped their side projects to life and succeed.
Mar 06, 2022
Top 11 design tools and resources to kickstart your project
We've reviewed the most popular launches on ProductHunt after the first quarter of 2022 and here is what we discovered.
Jan 10, 2022
Badge UI design exploration — Tips & tricks, usability, and use cases review
Badge (aka Tag) — small overlapped UI item which indicates a status, notification, or event that appears in relativity with the underlying object.
Sep 28, 2021
App Bar UI design exploration — Anatomy, specs, states, templates
Application Bar (aka Navigation Bar) — displays prior in-app controls related to the current app section.
Sep 05, 2021
Accordion UI design exploration — Styles, states, usage, templates
Accordion (aka Expansion panel) — is a vertically stacked list of options that can expand/collapse to reveal or hide more associated content.
Aug 11, 2021
Avatar UI design exploration — The states of userpic component
Avatar (aka Userpic) — is a component used to represent a user's profile picture. The default content for Avatar is empty state, initials or user's picture.
Jul 15, 2021
Why do we need UI kits: Our customer's redesign case study for ecommerce
Recently, we've interviewed a freelancing designer from India - Narendra Ram. He used our Material-X UI kit and made a high-quality and professional redesign of the seller’s panel of the GTrendz e-shop
Apr 08, 2021
Material–X: The tiny UI details you won't notice till you get too close
Fresh features and UI tricks: here is what's new in our enhanced Material-X design system for Figma
Feb 27, 2021
16 fresh design resources of February 2021
Here is what we are gonna review today: icons, emojis and illustrations, the coolest articles on working with color and tables for enterprise, effective plugins for Figma, sources for inspiration and much more
Jan 15, 2021
14 useful UI design resources handpicked. January 2021
What's in today's release: various generators, cool sources for your inspiration, stylish icons, top 2020 products from Product Hunt, tools for exporting animations and GIFs, and much more
Jan 08, 2021
The most significant releases of 2020 on a UI design scene
Last year has passed. It was a very unstable year that changed the way things were. In this post, we have summed up the results of 2020, where we have collected for you the top events from the design world
Nov 24, 2020
13 fresh and useful design resources of outgoing fall 2020
We’ve picked up the best links to resources that are trendy in the design industry, and that will help you get some inspiration and speed up your workflow
Sep 28, 2020
6 ways to generate side income for designers and developers
By launching your own side project, you have a great chance to make it your core business. Sometimes such projects become the work of a lifetime. Setproduct.com is living proof of this. It started as a side project, which became the main source of income within 2 months
Aug 07, 2020
Top 15 Figma resources: UI kit, design system, components, illustrations
Handpicked collection of the newest templates for Figma: UI kits, UX tools, design systems, icons, illustrations and more
Jul 29, 2020
iOS / Android app case study — From Figma UI kit to application release
This is the story of how a ready-made professional UI kit in Figma helped to create an app, which is now gaining popularity in the App Store and Play Market
Jun 14, 2020
Remote work: 9 tips to manage your time and get more productivity at home
Just follow a few simple rules that will seriously increase your effectiveness and help you manage your time wisely
May 18, 2020
Figma for enterprise: Top 10 tech companies where design tool helped to grow
This tool has proven to everyone it's worth it. Figma has convenient and wide functionality, and the fact that companies such as Microsoft and Uber give preference to Figma - already says a lot
Apr 15, 2020
Best 20 free Figma templates for your Design system, Dashboard or Application
Figma freebies reviewed: Ant UX Wireframes, Avatar Illustration System. Brainstorming Design System & Brainstorming Table System. Bright Kit - a kit to rapidly design the landing pages. Browk UI Kit - a design system that keeps updating every week
Apr 01, 2020
Top 14 Figma plugins for fixing styles, manage grid, auto-layout, run tracking and more
Plugins reviewed: AutoGrid - grid support for auto-layout. Tracking – plugin for creating tracking annotations. Find and Replace Colors – organizing color styles in design. Spacing Manager – plugin for consistent spacings in components. Geometric – creating math shapes and curves and more
Mar 07, 2020
Free Figma resources — Best 15 templates of design systems, applications, icons and more
Templates from the Figma community to save your time, boost a productivity and cut costs for a product design
Feb 24, 2020
Figma plugins review — Best 16 underrated plugins to speed up design workflow at the beginning of 2020
We’ve collected the tools that help us improve our workflow, boost our productivity and just add some joy to the design process. We’ll start from the last place, so make sure you don’t miss all the fun
Jan 24, 2020
Design system features - Start with the UI kit & app templates
How purchasing commercial design system for Figma (or Sketch) can save a significant amount of time for you or your organization
Sep 25, 2019
How to create UI kit - Design system to sell worldwide
Your design asset will help someone speed up their work and you will get rewarded for it
Jul 16, 2019
8 simple UI design tricks for more dynamics in static prototypes
Perhaps this will help to make your best shot on Dribbble or win a few points in customer's eye or the design team-lead, because of the use of these techniques positions you as a performer attentive to UI details
May 23, 2019
React Tables UI for a design system in Figma
Creating tables in the Figma design system and implementation in Storybook. Building tables with the help of components is an algorithm that is hardly required by every project, especially for a serious design system that is used by designers and developers within the organization
Apr 28, 2019
Table UI design tutorial – Figma data grid within single cell-component
There are three approaches to table design to create a data grid with a flexible architecture. In each case, either a row component, a column component or a cell component is used. Each of the cases will be discussed in detail below.
Jan 19, 2019
Buttons UI design - Figma to React styled components
Retouching Material Design components for performance, usability and visual satisfaction.
Dec 16, 2018
How to create responsive mobile components in Figma
Every time you create a new project, you want to make it better than the previous one. You want to choose a more elegant solution, to create convenient and flexible components of the design system in Figma.
Jan 21, 2019
Monetizing the design: what I learned after a year of non-stop UI grinding
My 15 insights of successful digital product. Results of the year for the UI designer, who didn`t have any interesting projects in his portfolio and decided to create his own design products for everyone.
Mar 11, 2019
Figma components tutorial: the management for Instances
Pros and Cons of swapping between hidden layers and detaching a Component into the new Master. Inspired by Userpic design item.
Show more ⬇︎
SetGPT is a free chat gpt clone aimed for UI, UX and product designers, writers and solopreneurs

Research, copy and ideate with SetGPT!

We've launched the alternative ChatGPT clone dedicated to UI designers, UX researchers, writers and indiehackers.

Powered by the latest OpenAI gtp-3.5-turbo model, this free chatbot is the perfect tool for those in need of intelligent and innovative insights, wrapped with a slick UI and sophisticated user experience.
Start Now
SetGPT is a free service; however, authentication is required

Free Figma resources

  • Messenger app desktop template UI design for FigmaMessenger app UI design for Figma
    DESKTOP
    Messenger app desktop template
    Messenger template for Figma to design the web app to communicate with different team members, create group or single chats. Dark & light.
    More preview
    Duplicate
  • Calendar & date picker UI design for FigmaCalendar & date picker templates for Figma
    MOBILE & DESKTOP
    Calendars & Date picker templates
    UI design resource with 56 calendars extracted from our popular UI kits. All the best samples of schedule patterns, planners, event managers.
    More preview
    Duplicate
  • Landing page template based on Zeus Web UI kitLanding page template based on Zeus Web UI kit
    WEB DESIGN
    Website template by Zeus UI kit
    This template contains all viewports for a landing page based on cards-driven UX. Themed with Syne and Space Grotesk free fonts.
    More preview
    Duplicate
  • Calendar & Events template for dashboard UICalendar & Events template for dashboard design
    DESKTOP
    Schedule & Events template
    This clean calendar template has been made of a scalable grid, accurately made with colored items and wrapped for the desktop.
    More preview
    Duplicate
  • Material You for dashboards & Android appsMaterial You for dashboards & Android apps
    MOBILE & DESKTOP
    Material You for the web
    Figma Material Design 3 starter fully loaded with several desktop & mobile templates (with dark themes) and a bundle of components.
    More preview
    Duplicate
  • Panda design system with free desktop templatePanda design system with free components
    DESKTOP
    Panda dashboard template
    Free lite version of Panda UI kit contains one dashboard template for analytics, several widgets and bunch of components to try out.
    More preview
    Duplicate
  • Web design blocks & Figma landing page templateWeb design blocks & Figma landing page template
    WEB DESIGN
    Landing page & web blocks
    Use given blocks as a quickstarter for your very next web design mission. This freebie contains 3 landing pages for desktop, tablet & mobile.
    More preview
    Duplicate
  • Charts UI design widgetsCharts UI design widgets
    CHARTS
    Charts widgets Dark & Light
    Line & Wave charts, Bars, Histograms, Ratings and more graphs widgets are available in this free Figma resource. For dashboards, mobile & desktop.
    More preview
    Duplicate
  • Dark charts for FigmaDark charts for Figma
    MOBILE & DESKTOP
    Navigation templates
    This design resource represents navigation components. It contains sidebars, drawers and headers both in light & dark modes.
    More preview
    Duplicate
  • Free Orion UI kit for FigmaFree Orion UI kit for Figma
    DASHBOARDS
    Orion templates
    The design system starter for your next application. This resource contains 6 dashboard templates and a bundle of UI design widgets.
    More preview
    Duplicate
  • Charts templates for FigmaCharts templates for Figma
    CHARTS
    Charts for Figma
    Charts UI kit made of components. Contains the most common data visualisation templates. Bars, Line charts, Heatmaps and others.
    More preview
    Duplicate
  • Navigation UI design componentsNavigation UI design components
    MOBILE & DESKTOP
    Navigation layout
    Few variants of side Navigation Menu components crafted for Material-X design system in Figma. Badges and active state.
    More preview
    Duplicate
Dashboard templates
Material Design 3
$148
Figma Material You design system. 220+ templates crafted with 2600+ components variants based on m3.material.io guidelines · Preview
Purchase
Material Desktop
$98
Figma library with 48 desktop dashboard templates based on Material design. 550+ components. Light & dark themes · Preview
Purchase
Panda Dashboard
$148
Clean & modern dashboard UI Kit with 80+ desktop templates, 4000+ variants of components. Well-named, accurately organized · Preview
Purchase
Eclipse UI kit
$168
70+ dashboard templates for desktop & mobile to quickstart your design mission with reusable web app layouts collection · Preview
Purchase
Xela UI kit
$128
1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Contains 50+ templates · Preview
Purchase
Material X UI kit
$148
1100+ components & 40 app templates beyond Material Design. Modern UI kit with styleguides form the nearest future · Preview
Purchase
Design bundles
⭐ Bigger bundle
$595 ̶$̶1̶1̶9̶0̶
Get the Setproduct Bigger bundle 50% OFF - 12+ design systems with discount. Dashboards, web, mobile, charts and more.
Purchase
Material bundle
$138 ̶$̶̶1̶9̶6̶
Figma Material design library & Material desktop UI kit bundle. Get 30% OFF by purchasing two design libraries together.
Purchase
Triple bundle
$272 ̶̶$̶3̶9̶2̶
30% OFF for Material desktop + Charts UI kit + S8 Dashboard UI kit to cover all the possible desktop layout combinations.
Purchase
Chart templates
Charts UI kit
$168
Dataviz UI kit with 400+ components. Fits for dashboards, presentations, visualizations. 150+ infographic templates included · Preview
Purchase
Basic Charts kit
FREE
Contains most common data visualization templates: bar charts, line charts, pie charts, wave and bubble charts.
Duplicate
Orion Dataviz kit
$148
40+ graphs dark & light templates. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens · Preview
Purchase
Mobile templates
Full iOS UI kit
$168
Native mobile design system with 100+ components, 3300+ variants and 320 perfectly crafted app templates · Preview
Purchase
Appka iOS UI kit
$168
Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts · Preview
Purchase
Mobile X UI kit
$98
860+ components & 157 reusable mobile layouts which fit both iOS / Android apps. Specs adopted to 8dp grid. Easy to adjust · Preview
Purchase
Most iOS UI kit
$98
iOS components and app templates served as the Most Design System. 600+ components and 600 mobile screens included · Preview
Purchase
Android UI kit
$74
Mobile UI library for Figma. Consists of 140 scalable app templates made of total 250+ Android UI design components · Preview
Purchase
Material UI kit
FREE
Free Material Design UI kit. Based on styled material.io guidelines and contains a solid amount of ready-to-use components.
Duplicate
Design & Code
Figma React UI kit
$198
31 React components, 3700+ Figma variants, 60 coded templates designed in Figma and exported to styled BlueprintJS · Preview · Docs
Purchase
Material Me React
$98
Based on Material Design 3 guidelines, this React library written in JS & PropTypes. Enhanced with Tailwind & NextJS · Preview · Docs
Purchase
Xela Swift UI kit
$258
Fully coded customizable components, widgets and well-organized iOS screens for SwiftUI. Demo · Docs
Purchase
Angular UI kit
$258
A library where Figma components are equal to Angular UI, helping designers and developers to stay in sync and release faster. Docs
Purchase
Xela Jetpack kit
$258
Fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose. Demo · Docs
Purchase
Xela Flutter UI kit
$258
XelaUI for Flutter is a simple, modular and accessible component library for Flutter apps mobile and desktop. Demo · Docs
Purchase
Web design templates
Zeus UI kit
$98
Multipurpose web design system to create hassle-free landing pages in Figma. 10 web design templates built with 630+ blocks · Preview
Purchase
Web design UI kit
$86
Figma web design templates to create websites. Contains 140+ dark & light blocks and pre-made full width templates · Preview
Purchase
Landing UI kit
$86
Handy landing pages collection full of trendy web ideas. Comes with mobile and desktop versions powered by 106+ blocks · Preview
Purchase

Our satisfied Customers ❤️

We helped more than 3,000 designers, developers and startups to design faster and better

Anqi is coming back for more UI kits, so we do deliver the quality!
You can hire our team to design custom templates
We aimed to save your time and give coupons for such kind of words ♥
Terence become our constant customer after his very first purchase
We're happy to see Richard as the returning buyer ❤
Tim discovered he can ship an app faster with Figma React UI kit
Ash was happy to get templates and smart boost
Kevin leared Figma with our design kits and we're happy to provide discounts for constant customers. Just ask!
Mr. Rich purchased a bundle with discount and happy about it
We are happy to wonder individual customers with a discount. Just ask!
Our customer Andrzej returned to try Material-X UI kit
Craig R. purchased Material–X and loving it
Robert A, succeed to learn Figma with iOS kit by Setproduct
Junaid S. happy to use fresh update for Figma React UI kit
Luke O'Brien improved his UI skill with Setproduct
Joe B. learned something new with Most iOS kit
Serious and businesslike client! But we ❤️ to see him happy
Happy customer, who tried several of our products
Satisfied buyer's email conversation. Thanks for a feedback, Jase!
Jan got his career level-up after applied one of our products
Jake L. as developer succeed with Material Design System and telling bay email
Rob's recommendations according our products. Appreciate!
Massimo purchased Material Design System and got his UI mission done
Dan Janowski satisfied a lot with Dashboard UI kit
Nicholas Rempel designed a lot of apps with Figma iOS kit
Toni Gemayel impressed by designs
Ananas Dapenis boosted a workflow with Material Design System
Irvin Rivera migrated to Figma after purchasing Material Design System
Janosi Laszlo recommends our design systems for Figma
Luckypunt - Reddit member considering our design products as useful
Alex Mercado provides an impressive testimonial about Dashboard UI kit
Nico Dejong reached his goals faster with Material Design System
Luke launched his app faster with Figma iOS kit
Leo Antonoff got his prototyping enhanced with Material Design System
Subscribe to Setproduct
Once per week we send a newsletter with new releases, freebies and blog publications