Get a Quote!
RESOURCES

Ready to rock in 2023?
18 latest resources that will boost your efficiency

In today's list, you will find texture and gradient generators, beautiful fonts, Figma plugins, AI tools, icons, illustrations and much more.
January 2023 · 3 mins read

by Jamshed Kasimov

Userpic
← Back

Hey, designers and developers

To make the beginning of the new year more awesome for you, we've gathered the latest resources that will power up your workflow.
The promising 2023 is here and we hope it'll be full of new opportunities for all of us.

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

If you missed the previous reviews of new releases, check below:


↓ Let's go!
Addy Codes Toolkit
Simple CSS Button Examples
A nice collection of CSS buttons, box shadows, form inputs, color palettes, etc. Copy & paste them into your projects.

The cool thing is that there are CSS styles for brands like Mailchimp, Shopify, ProductHunt, etc. that you can use for your inspiration.
Visit resource →
Bueno NFT
Freelancer's Annual Income Report
A graphic designer's detailed income report for 2021/22 in an engaging carousel format. The author wanted to be transparent so that everyone could use this material as a shareable resource when needed.

You'll find a lot of interesting data, like worked hours, converted leads, expenses, and even donations.
Visit resource →
Shift
More Graphics
This great resource is for those who need to generate textures, gradients, and patterns. There are lots of them here, and they are available in SVG, PNG, and JPEG. And in the Variants tab, you can upload an image and get dozens of different samples of it.
Visit resource →
Frames X for Figma
Primer Prism
Primer Prism is a tool for creating consistent and accessible color palettes. Not only you can generate color palettes, but also customize them to your liking. You can export your result in JSON or SVG format.
Visit resource →
Complex Interfaces UI Kit
Mona & Hubot Sans OFL
If you like modern and versatile Sans Serif fonts, then check out this package. Mona Sans is a strong font that is a good fit for the web and print. Hubot Sans perfectly complements its partner and is perfect for headers and pull quotes.
Visit resource →
Moja UI Kit for Figma
Html.To.Design Plugin
This awesome Figma plugin lets you create editable designs from any website.

You can use an existing website as a starting point for your ideas by importing its HTML into Figma rather than creating each component from scratch.
Visit resource →
Vector Icons Pack 200+
Lucide Icon Toolkit
Lucide is an improved version of Feather Icons. This collection is open-source and was made by the community. It has almost 870 icons. Available in SVG and PNG.

There are several functions that you can play with to change the color, stroke, and size of the icon.
Visit resource →
Web Design Templates
Doodle Icons
Check out this great collection of 400+ hand-drawn free icons for commercial and personal projects.

Beautifully handcrafted icons are represented in 15 categories. Available in several formats – SVG, PNG, Figma. There are 100+ downloadable, catchy, and interactive animated icons.
Visit resource →
ArtBeats
Chromeography
This resource is a tribute to chrome logos, vintage cars, and various accessories of the past. Great website for inspiration. So, if you are a graphic designer working on concepts for projects, this resource will be useful to you.
Visit resource →
UIverse
Palette
This online tool brings the colors back to old photos. Palette is used both by retirees who are nostalgic about the old days and by the professionals on Netflix.
Palette has 20+ filters and gives high-quality results.
Visit resource →
100 CSS Button Designs
Nolibox Creator
Great AI-image generator with lots of possibilities. Generate images with text prompt, erase and replace elements, generate variations, increase the quality of your artwork, and much more. Choose different models, modes, styles, and even sizes of your artwork. The demo is available here.
Visit resource →
Heazy SVG Creator
Tylify
Tylify is a web-based app that creates patterns. Upload any image or add emojis, and then customize them as you wish. Change their colors, rotate them, and position them wherever you want. The background color is also customizable. The Figma plugin is available.
Visit resource →
SVG Spinners
Atlas Icons
A free open-source icon library with variable-stroke SVG, web font, and ready-to-use Figma, React, Vue, and Flutter packages. Extensive database of elements for any project. 2330+ icons and 32 categories. You can adjust them by size, stroke, and color. Get the Figma plugin here.
Visit resource →
Untools
Startups.fyi
This site gathers successful side projects & ideas. A great resource for anyone interested in profitable ventures and startups. If you are curious about learning how entrepreneurs create successful businesses, as well as how to earn money online – you can subscribe to this free weekly newsletter.
Visit resource →
The History of UI
Confluence.vc
If you work on your new startup and need Investors to fundraise – this VC database is what you need! Confluence.vc has 2,000+ investors. Filters like City, State, Sector, etc. make the search experience easy.

Once you find the investor you need, pitch him/her through Airtable.
Visit resource →
DesignStripe
Frontend Mini Challenges
Frontend Mini Challenges is a good platform if you want to know more about machine coding round interviews and frontend learning.

In total it has 31 challenges. For example, there is a Password Strength challenge, that shows you if your password is strong or not.
Visit resource →
Horizon UI
Open Sauce Fonts
This family of Sans Serif fonts was created within the internal system of Creative Sauce company. The typeface is designed to make the small text easier to read in print and on screens.

Open Sauce fonts family supports more than 80 languages and has 42 styles.
Visit resource →
Figma Components
Autoname
This great tool helps you automatically rename your Figma layers with AI. Meanwhile, this plugin will keep the names of your components that don't need renaming. The perfect resource to save time and have more fun designing.

The plugin is free and open-source and is available here.
Visit resource →
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

We bet this list was helpful to you and that you'll grab some of these resources with you for the just started new year! It was a complicated time, we do believe the 2023 will be a big bounce in tech & design industries.

May this new year be productive and creative for you! And remember that we are always here for you.

If you need our help in custom design and development - then don't hesitate and just fill in this form. We will make sure to contact you within 24 hours.

Merry Christmas and Happy New Year!
Related publications
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
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
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
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.
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.
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.
Subscribe to Setproduct
Once per week we send a newsletter with new releases, freebies and blog publications

More to ☕ read

Do you regret your career in graphic design? Let's find a renewal
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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
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
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
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
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
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
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
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
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
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
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
iOS patterns - UI design inspiration made in Figma
Handcrafted UI inspiration gallery for iOS patterns and best UX practices to use in application design
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
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
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
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
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
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
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.
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.
Free Figma iOS components - Datepicker
Designed for perfection, our Figma iOS date picker component features an isometric skewed design and customizable text. Experience the most natural and intuitive date picker out there, available for free!
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.
Orion UI kit - data visualization and charts templates for Figma
Figma library with 35+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens. Organized as a design system for Figma and supported with 500+ components based on auto-layout
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 ⬇︎