Setproduct Design Blog

A developer's unexpected layoff becomes the catalyst for a deep dive into the job market and a meaningful transition into the world of UX/UI design.

Make this Black Friday count by grabbing special deals on Figma assets that will streamline your workflows. Offer your designs the edge they deserve with affordable UI resources.

This tutorial is dedicated to providing practical answers to your Checkbox design dilemmas: from addressing the complexity of Checkbox styling to solving the challenges of ensuring an inclusive UX.

Follow this in-depth guide to create Input components that blend seamlessly with your app UI design, while optimizing forms filling experience and overall usability.

Create engaging app experiences through optimized in-app notifications. Discover the UX/UI design techniques that ensure your notifications are visually appealing, accessible, and easily dismissible.

Learn the step-by-step process of Chip design. Take a deep dive into component design and learn step-by-step with this comprehensive tutorial, including: Chips anatomy, States, Use cases and Usability tips.

Discover the key elements and design patterns of settings apps, and gain practical insights to enhance the user experience and accessibility of your own app Settings section.

Unlock the power of Dropdowns. Discover the core elements, custom theming options, usability tips, and accessibility best practices. Design Dropdowns that captivate users and align with your brand's persona. Ready to embark on this design adventure? Let's dive in!

Gain a deeper understanding of the impact that AI technology, exemplified by Firefly at Adobe, has on the design community. We will explore the excitement, concerns, and responsible practices that arise as designers navigate this transformative era.

Understanding Quality Control vs. Quality Assurance: Key distinctions in ensuring product and service excellence. Learn their significance and implementation.

Discover how a well-designed filter can significantly enhance the user experience by simplifying complex data sets and product catalogs. Unlock the secrets behind intuitive filter systems to improve overall user satisfaction and navigation efficiency in your UI design.

Working with clients who don't understand the design process can be frustrating and stressful. This post explains how to manage those demands, setting boundaries and establishing clear communication strategies to keep the project on track.

The release of iOS 17 has brought about a tine change in the user interface design of iPhones and iPads. We see increased use of shadows and a greater emphasis on depth, providing a more tactile and immersive experience for users.

Enhance the consistency and user experience of your iOS app with an iOS UI kit. This comprehensive guide explains the benefits of using a UI kit, including saving time, costs and increasing mobile app development process.

As a graphic designer, you might be experiencing a feeling of dissatisfaction with your career. Perhaps you're currently updating your portfolio, facing the tedious task of aligning it with the latest industry trends, and suddenly realizing that you may not be as passionate about this line of work as you once thought.

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.

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.

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.

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.

The issue of Adobe Creative Cloud stealing artwork is a serious one and is causing a great deal of concern in the creative community.

In today's list, you will find texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more.

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.

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.

Solid strategies on how to work with difficult design clients and protect yourself from endless revisions without getting paid additionally.

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!

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.

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.

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.

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.

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.

The process of making a high-converting landing page. We've put together design rules and outlined the structure of a successful website.

We've gathered some inspiring stories of 8 Twitter fellas (mostly designers and developers), who bootstrapped their side projects to life and succeed.

We've reviewed the most popular launches on ProductHunt after the first quarter of 2022 and here is what we discovered.

Badge (aka Tag) — small overlapped UI item which indicates a status, notification, or event that appears in relativity with the underlying object.

Application Bar (aka Appbar) — displays prior in-app controls related to the current app section.

Accordion (aka Expansion panel) — is a vertically stacked list of options that can expand/collapse to reveal or hide more associated content.

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.

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

Fresh features and UI tricks: here is what's new in our enhanced Material-X design system for Figma

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

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

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

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

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

Handpicked collection of the newest templates for Figma: UI kits, UX tools, design systems, icons, illustrations and more

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

Just follow a few simple rules that will seriously increase your effectiveness and help you manage your time wisely

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

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

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

Templates from the Figma community to save your time, boost a productivity and cut costs for a product design

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

How purchasing commercial design system for Figma (or Sketch) can save a significant amount of time for you or your organization

Your design asset will help someone speed up their work and you will get rewarded for it

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

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

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.

Retouching Material Design components for performance, usability and visual satisfaction.

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.

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.

Pros and Cons of swapping between hidden layers and detaching a Component into the new Master. Inspired by Userpic design item.