Inspiring Design Insights for Creatives

Discover the Latest Trends, Tutorials, and News in Design to Elevate Your Creativity
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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

Research

3 mins read

Tips for selecting the UI / UX agency for application design and development

A comprehensive guide on how to research about studio's specialty, portfolio, internal processes, and the whole team to help you avoid non-pros.

Career

4 mins read

Navigating the job market storm: A webdev professional's tale

Every designer and developer faces challenges, but there are ways to turn the tide. Follow a true story that empowers with tips and tactics for weathering the stormy phases of a tech career while anticipating the dawn of brighter days.

Tutorials

5 mins read

Checkbox UI design – Unlocking anatomy, proven UX tips, and inspiring use cases

Ready to create Checkbox components that shine? Join us as we unveil our in-depth tutorial, covering everything from aesthetics to usability.

Research

3 mins read

Tips for selecting the UI / UX agency for application design and development

A comprehensive guide on how to research about studio's specialty, portfolio, internal processes, and the whole team to help you avoid non-pros.

Career

4 mins read

Navigating the job market storm: A webdev professional's tale

Every designer and developer faces challenges, but there are ways to turn the tide. Follow a true story that empowers with tips and tactics for weathering the stormy phases of a tech career while anticipating the dawn of brighter days.

Tutorials

5 mins read

Checkbox UI design – Unlocking anatomy, proven UX tips, and inspiring use cases

Ready to create Checkbox components that shine? Join us as we unveil our in-depth tutorial, covering everything from aesthetics to usability.

Tutorials

6 mins read

Input UI Design – Optimize data forms UX with expertly crafted text fields

Discover the different types and states of Input fields, along with styling techniques and usability tips for designing flawless user experiences.

Resources

2 mins read

Black Friday 2023: Unbeatable Deals on Figma Templates for Designers!

Take advantage of Black Friday 2023 deals to enhance your design process with premium Figma templates and UI kits. Invest in your toolkit at prices you can't ignore.

Tutorials

9 mins read

Creating app settings UI design: Usability tips and best practices

Unlock the secrets of designing a user-friendly Settings section! Dive into the anatomy, explore real-world use cases, discover layout types, and reveal essential usability tips.

Tutorials

6 mins

Chips UI Design – An essential tutorial for optimal UX & usability

Upgrade your UI/UX skills with a stylish journey into Chip design: Uncover anatomy, states management, styling effects, and usability tips.

Tutorials

Badge UI design exploration — Tips & tricks, usability, and use cases review

Boost user engagement and interaction with our sleek and informative badges (tags), designed to indicate status, notifications, or events related to their objects in the UI.

Resources

4 mins read

Top 11 design tools and resources to kickstart your project

Discover the top ProductHunt launches of 2022's first quarter in our review of the most popular products.

Inspiration

4 mins read

Calendar UI design – Date picker best practices & inspiration

Looking for calendar and date picker UI design inspiration and UX tutorial? Get unstuck with useful UX guidance and an inspiration full of calendars to enjoy, steal, and remake.

Tutorials

Badge UI design exploration — Tips & tricks, usability, and use cases review

Boost user engagement and interaction with our sleek and informative badges (tags), designed to indicate status, notifications, or events related to their objects in the UI.

Resources

4 mins read

Top 11 design tools and resources to kickstart your project

Discover the top ProductHunt launches of 2022's first quarter in our review of the most popular products.

Inspiration

4 mins read

Calendar UI design – Date picker best practices & inspiration

Looking for calendar and date picker UI design inspiration and UX tutorial? Get unstuck with useful UX guidance and an inspiration full of calendars to enjoy, steal, and remake.

Resources

3 mins read

18 design & developer resources to boost your productivity and creativity

Discover a wide range of design resources including texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more for all your creative needs.

Discover more of what matters to you

All

All

All

All

All

All

All

All

Research

Tips for selecting the UI / UX agency for application design and development

Find the perfect web design and development agency for your application to ensure the success of your product. Make the right decision that will have a major impact on business.

Career

Navigating the job market storm: A webdev professional's tale

Discover how a developer's layoff led to a successful transition into UX/UI design. Learn about their journey and insights into the job market.

Tutorials

Checkbox UI design – Unlocking anatomy, proven UX tips, and inspiring use cases

Get practical solutions for Checkbox design dilemmas, from styling complexity to inclusive user experience, in this dedicated tutorial.

Tutorials

Input UI Design – Optimize data forms UX with expertly crafted text fields

Learn how to design and optimize Input components for improved forms filling experience and UI. Our in-depth guide will help you create seamless and user-friendly designs.

Resources

Black Friday 2023: Unbeatable Deals on Figma Templates for Designers!

Maximize your Black Friday savings with exclusive deals on Figma assets for a more streamlined design workflow. Give your designs the competitive edge they deserve.

Tutorials

Creating app settings UI design: Usability tips and best practices

Learn about key design patterns and elements for settings apps to enhance user experience and accessibility in your own app's settings section.

Tutorials

Chips UI Design – An essential tutorial for optimal UX & usability

Delve into the chip design with our comprehensive tutorial, covering chip anatomy, states, use cases, and usability tips. Master the step-by-step process of component design

Tutorials

Notifications UI Design: Best practices, UX tips and popular use cases

Learn how to create visually appealing and easily dismissible in-app notifications with our UX/UI design techniques. Optimize your app experiences with our guidance.

Resources

Best 20 design resources for startups, developers and designers

Explore a diverse collection of cool icons, powerful UI kits, and tools, along with a fascinating history of user interfaces on today's list.

Tutorials

Figma components tutorial: the management for Instances

Explore the advantages and limitations of swapping hidden layers and detaching a component for a new master design, inspired by Userpic design item.

Design & Code

Checkbox UI design – React component styled in Chakra

Discover stylish design ideas and code samples for a React checkbox component, designed in Figma and styled in Chakra. Get inspiration and live components to improve your UI design

Typography

The best 2023 fonts pairing for app design, website, or presentation

Discover the perfect combination of free fonts Outfit & Spline Sans, nominated by Setproduct design studio for use in 2023. For a website or complex dashboard or versatile pair

Technology

Adobe Creative Cloud is stealing UI designs to train the AI

Learn about the serious issue of Adobe Creative Cloud stealing artwork and causing concern in the creative community. Find out how to protect your work and what steps to take.

Design & Code

9 reasons to use Material UI kit for Next.js, TailwindCSS and Figma

Discover the 9 reasons why our Figma & Next.js library is the best choice for web applications, especially when styled with the trendy Material You design theme.

Optimisation

Expert advice: Choosing right Figma UI kit for iOS mobile app design

Maximize the consistency and UX of your iOS app by utilizing an iOS UI kit. Our guide highlights the advantages to streamline the mobile app development process.

Inspiration

Monetizing the design: what I learned after a year of non-stop UI grinding

Discover 15 key insights for successful digital products, from a UI designer who took matters into his own hands to create innovative designs for everyone.

Tutorials

How to create responsive mobile components in Figma

Create elegant and flexible design solutions for your projects in Figma, continually improving with each new endeavor.

Inspiration

Buttons UI design - Figma to React styled components

Enhance Material Design components for improved performance, usability, and visual appeal. Get our expert retouching services for your web design needs.

Tutorials

Table UI design tutorial – Figma data grid within single cell-component

Learn about the 3 different approaches to table design for creating a flexible data grid using row, column, and cell components. Gain the best practices for developing a web table.

Tutorials

React Tables UI for a design system in Figma

Learn how to create and implement tables in the Figma design system with the help of Storybook. Perfect for designers and developers looking to build design systems.

Tutorials

8 simple UI design tricks for more dynamics in static prototypes

Master UI techniques to elevate your designs and stand out on Dribbble. Impress customers and design team leaders with your attention to detail and high-quality work.

Inspiration

How to create UI kit - Design system to sell worldwide

Boost productivity and earn rewards with our design asset that accelerates work processes. Start optimizing your workflow today.

Presentation

Design system features - Start with the UI kit & app templates

Boost efficiency and save time by investing in a commercial design system for Figma or Sketch. Maximize productivity and streamline processes for your organization.

Resources

Free Figma resources — Best 15 templates of design systems, applications, icons and more

Discover time-saving and cost-cutting product design templates from the Figma community to enhance productivity. Streamline your workflow and save time with our curated collection.

Resources

Figma plugins review — Best 16 underrated plugins to speed up design workflow at the beginning of 2020

Discover our collection of tools for improving workflow, boosting productivity, and adding joy to the design process. Don't miss out on the fun!

Resources

Top 14 Figma plugins for fixing styles, manage grid, auto-layout, run tracking and more

Discover our reviewed plugins for enhancing your design process, including AutoGrid, Tracking, Find and Replace Colors, Spacing Manager, and Geometric.

Resources

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

Discover a range of Figma freebies including Ant UX Wireframes, Avatar Illustration System, Brainstorming Design System, Bright Kit, and Browk UI Kit.

Research

Remote work: 9 tips to manage your time and get more productivity at home

Learn effective time management techniques to increase your productivity and efficiency. Follow our simple rules for better time management.

Research

Figma for enterprise: Top 10 tech companies where design tool helped to grow

Discover the proven worth and wide functionality of Figma, the preferred design tool of major companies like Microsoft and Uber.

Case Studies

iOS / Android app case study — From Figma UI kit to application release

Discover the power of a pre-made UI kit in Figma and how it enabled the creation of a popular app now thriving in the App Store and Play Market.

Resources

Top 15 Figma resources: UI kit, design system, components, illustrations

Discover a curated selection of the latest Figma templates including UI kits, UX tools, design systems, icons, and illustrations, perfect for all your design needs. Explore now!

Research

6 ways to generate side income for designers and developers

Discover the potential of turning your side project into a successful business with Setproduct. Learn how this side project became the main source of income within just 2 months.

Resources

13 fresh and useful design resources of outgoing fall 2020

Discover top design industry resources for inspiration and workflow efficiency. Stay trendy with the best links handpicked just for you.

Resources

The most significant releases of 2020 on a UI design scene

Discover the major design world events of 2020 in our comprehensive summary, highlighting the significant changes and trends that shaped the year.

Resources

14 useful UI design resources handpicked. January 2021

Explore today's release featuring a wide selection of generators, inspiration sources, stylish icons, top 2020 products, and tools for exporting animations and GIFs.

Resources

16 fresh design resources of February 2021

Discover the latest insights on icons, emojis, illustrations, color theory, and enterprise tables, along with effective Figma plugins and sources for inspiration.

Presentation

Material–X: The tiny UI details you won't notice till you get too close

Discover the Material-X design system for Figma, featuring fresh and new UI tricks. Keep up with the latest updates and enhancements for a seamless design experience.

Case Studies

Why do we need UI kits: Our customer's redesign case study for ecommerce

Discover the redesign of GTrendz e-shop seller's panel by talented Indian freelancer Narendra Ram, using our Material-X UI kit. See how his work elevates the user experience.

Tutorials

Avatar UI design exploration — The states of userpic component

Optimize your SEO with our user-friendly Avatar component, perfect for representing user profile pictures with default content including initials or an empty state.

Tutorials

Accordion UI design exploration — Styles, states, usage, templates

Discover our Accordion UI (Expansion panel) for organizing and displaying more content in a vertically stacked list of options.

Tutorials

Badge UI design exploration — Tips & tricks, usability, and use cases review

Boost user engagement and interaction with our sleek and informative badges (tags), designed to indicate status, notifications, or events related to their objects in the UI.

Tutorials

App Bar UI design exploration — Anatomy, specs, states, templates

Maximize user navigation with an optimized Application Bar, displaying in-app controls for easy access to different app sections.

Resources

Top 11 design tools and resources to kickstart your project

Discover the top ProductHunt launches of 2022's first quarter in our review of the most popular products.

Inspiration

8 designers and developers bootstrapped a side project to success

Discover the inspiring stories of 8 Twitter designers and developers who bootstrapped their side projects to success. Learn how they found success and gain valuable insights .

Tutorials

How to design a landing page to improve conversions

Learn how to create a high-converting landing page with our design rules and website structure guide for a successful website. Boost your SEO and conversion rates now!

Tutorials

Breadcrumbs UI design exploration — Anatomy, UX tips, use cases overview

Breadcrumbs are navigational links used to indicate the current position within a website's multi-level structure. They are commonly utilized in web pages & dashboards

Tutorials

How to make 3D animation effect on page scroll HTML & JS

Learn how to create a webpage with the same interactive effect as the Apple AirPods page in this tutorial. Get step-by-step instructions for achieving this dynamic design.

Growth Hacking

Freelancer guide: how to switch from Fixed-Price to a Hourly Rate

Set a fair hourly rate to prevent scope creep and ensure projects stay within budget despite client changes.

Inspiration

Calendar UI design – Date picker best practices & inspiration

Looking for calendar and date picker UI design inspiration and UX tutorial? Get unstuck with useful UX guidance and an inspiration full of calendars to enjoy, steal, and remake.

Growth Hacking

Freelance designer tips: Difficult clients & endless design revisions

Learn effective tactics for managing challenging design clients and avoiding unpaid extra revisions. Protect your work and your time with solid strategies.

Technology

How is my clock hides behind a mountain? iOS 16 lock screen feature

Experience the stunning 3D-rendered mountain scenery created with cutting-edge technology by Apple. Our mountain landscape features lifelike textures, lighting, and shading.

Inspiration

Buttons UI design – Comprehensive tutorial on UX, styles and usability

Create intuitive and accessible buttons that seamlessly enhance user interaction, with a focus on style and feedback. Design with SEO optimization in mind.

Growth Hacking

Do you regret your career in graphic design? Let's find a renewal

Revamp your graphic design portfolio with current industry trends and reignite your passion for your career. Find fulfillment in your work again with a little help and inspiration.

Inspiration

Logo design ideas for creating a lasting visual identity

Create an effective logo with our guide, perfect for graphic designers, marketing professionals, and brand design agencies. Capture the essence of any brand with design principles.

Growth Hacking

Stressful phrases from clients in graphic design hated by designers

Learn how to manage client demands, set boundaries, and establish clear communication strategies to keep your design projects on track.

Design Trends

iOS 17 design trends: More depth and shadows in Apple's mobile GUI

Experience the enhanced user interface design of iPhones and iPads with iOS 17, featuring increased use of shadows and depth for a more immersive, tactile experience.

Tutorials

Filter UI Design: Tips and best practices for filtering UX flow

Improve UX and navigation efficiency with a well-designed filter system for complex data sets and product catalogs. Learn the secrets to enhanced user satisfaction in UI design.

Research

Difference Between Quality Control And Quality Assurance

Discover the differences between quality control and quality assurance and how they impact product and service excellence.

Technology

Designers are worrying about the future: AI's impact on graphic UI design

Discover the impact of AI technology in design with Firefly at Adobe. Explore the opportunities, challenges, and responsible practices that come with this transformative era.

Inspiration

Dropdown UI design – A guide for Anatomy, UX tips, and Use cases

Optimize Dropdowns for your brand, custom theming options, and accessibility best practices. Create captivating user experiences and enhance brand persona with design adventure.

Resources

18 design & developer resources to boost your productivity and creativity

Discover a wide range of design resources including texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more for all your creative needs.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Subscribe to Setproduct

Once per week we send a newsletter with new releases, freebies and blog publications
Oops! Something went wrong while submitting the form.

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

Congratulations!

You're in! Expect awesome updates in your inbox

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.

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.

Figma iOS kit

Figma library of iOS patterns served as ready-made templates. This UI kit inspired by World's best apps. Based on Human Interface guidelines.

Figma S8 Design System

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

Most iOS UI kit for Figma

iOS native components and app templates organized into a «Most Design System» fully compatible with Apple's Human Interface guidelines.

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.

Nucleus UI

Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).

Figma Android UI kit

Components-driven Android mobile UI library for Figma. Consists of 140 high quality application templates made of total 250+ UI components.

Mobile X UI kit

Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.

Appka iOS UI kit

Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.

Full iOS UI kit

Customizable iOS design system with 320 ready-to-use app layouts. You can modify them or use as it is to save time and never design from scratch again.

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

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 Charts UI kit

Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.

Hyper Charts

Create impressive visuals with Figma's graphs templates – dozens of scalable and customizable data visualization blocks for dark and light modes.

Orion UI kit

Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

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.

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

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

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.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

Levitate 3D kit for Figma

Components-driven 3D kit to design eye-catching Figma presentations. Helps to enhance your landing page, product or app, brand ident, etc.

Website templates UI kit

Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks.

Figma Landing Pages UI kit

Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.

Zeus UI kit

Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

How to start with this design system?

After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.

l am new to Figma. Should I try your kits?

Definitely! Our products help customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.

How to import your kits?

Which license type should I choose?

You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.

Business license — for startups or enterprise organizations to use for a local team or publish in Figma library.
Individual license — for freelancers, indie developers, or solopreneurs working on a single project.

Can I build commercial proiects with your products?

Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.

I have a project. Can I hire you?

We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.

If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.

I 💜 Your designs, but can I have a discount?

We provide discounts for those, who scrolled to the bottom and revealed our proposal. Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for the upcoming purchase. Please, provide a specific product name you've put your eye on.