Top 11 recent tools, apps and technologies to kickstart your sideproject

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

Top 11 design tools and resources to kickstart your project
Resources

Published on

March 6, 2022

|

4 mins read

Blog

Top 11 design tools and resources to kickstart your project

Navigation

Subscribe to new posts

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

By subscribing you agree to with our Privacy Policy.

Share this post

Author image

Jamshed Kasimov

Hi everyone!

<span class="blog_big-paragraph">It's been a while since the last review, but we are back with a new handpicked collection of the recent and most exciting design resources.</span>

What's in today's menu: lots of 3D, no-code website and video game builders, plugins, fancy icons, and much more.

And as we respect our traditions, we left the best resources at the end. Trust us - you'll like them!

So, without further ado - let's get started ⏬

{{spacer-64}}

<span class="blog_subtitle-caps">11 / 11</span>

DrawKit 3D Builder for Figma

https://drawkit.com/3d-builder

DrawKit 3D Builder is a Figma plugin that creates cool 3D objects that can be used in a wide variety of projects.

At the moment the library has more than 400 objects.

Collections are divided into the following categories: cryptocurrency, icons, user interface, primitive, objects for social media and sparks.

{{spacer-64}}

{{setproduct-gpt}}

{{spacer-64}}

<span class="blog_subtitle-caps">10 / 11</span>

Iconscout for Canva

https://iconscout.com/plugins/iconscout-for-canva

If you work in Canva, you can now use icons from Iconscout. Your designs will become even more interesting with more than 3 million cool objects integrated via the Iconscout app.

With a huge variety of icons, you can use them for almost any project in Canva. And in addition, the plugin is very simple and easy to use.

{{spacer-64}}

<span class="blog_subtitle-caps">9 / 11</span>

TOOOLS.design

https://www.toools.design

If you don't know where to find certain information regarding design, Toools.design is the perfect solution. This awesome library consists of more than 900 design resources and tools.

Five fresh resources are added every week.

Books, tutorials, podcasts, resources for inspiration, information on typography, illustrations, UI kits, and much much more can be found on this website.

{{spacer-64}}

<span class="blog_subtitle-caps">8 / 11</span>

Makers.so

This plugin converts your Figma designs into a website. After clicking the "Publish" button, Makers will create a website on a custom domain.

The plugin has one nuance - at the design stage you have to create the UI using the built-in Makers components. But this is important because you are telling the system what you are about to create. Whether it's a website header, a button, or a navigation bar - with built-in components, Makers will understand your commands.

To securely save your websites - you'll need to create a Makers account.

At the moment, with this plugin you can create the following types of websites: landing pages, portfolios, blogs, and wiki-pages.

You can also use Makers templates, they are available here.

Tutorials on how to work with this plugin are available here.

{{spacer-64}}

<span class="blog_subtitle-caps">7 / 11</span>

NextUI

https://nextui.org

NextUI is an incredibly stylish, user-friendly and very fast UI library based on React. With this system, the process of creating websites becomes better and faster. Even if you have no experience in design at all.

This product has several default themes (NextUI, Modern, Elegant, Retro), it works faster than other UI libraries (by avoiding unnecessary style props at runtime). The dark theme pleases the eye, and it looks very powerful and trendy.

The components in NextUI are designed in a way that makes developers' lives easier, allowing them to avoid having to import multiple components to display only one.

Also, the customization process is much easier as well. NextUI is based on the excellent CSS-in-JS library called Stitches, thanks to which you can manipulate CSS by using styled functions or adding your own CSS class names.

{{spacer-64}}

<span class="blog_subtitle-caps">6 / 11</span>

Shottr

https://shottr.cc

Shottr is a new player in the world of screenshots, created in Swift. It's an application that allows you to take the full-length screenshots of a web page, and it also has the most powerful zoom and is designed for people who like speed and are used to working with hotkeys.

With Shottr you have a lot of room to work with. Here are the main functions of the program:

  1. Screenshots markup: you have the flexibility of adding the text annotations to screenshots, as well as drawing lines, arrows and shapes.
  2. Hide objects or delete information - you can always hide the unnecessary part of the screen or delete certain data.
  3. Zooming - one of Shottr's strongest features. So, if you need to see something in more detail, the problem is solved with a screenshot and zoom.
  4. Text Recognition (OCR) - sometimes there are situations when text does not stand out. Shottr will help you parse the text and copy it to the clipboard.
  5. Color picker - when you take a screenshot, you can copy the color you want by hovering your cursor over a certain pixel.

{{spacer-64}}

<span class="blog_subtitle-caps">5 / 11</span>

Mesh

https://morflax.com/mesh

Mesh is an excellent library of 3D elements consisting of more than 200 illustrations and icons. And it's the perfect solution for creating thumbnails for websites, apps and social media.

Mesh has an intuitive interface, and the process of working with elements is very flexible - you have the ability to design colors, transform elements and materials. The library consists of several stylish collections that will perfectly complement websites and presentations in light and dark themes: Black, Colorful, Neon and Abstract. The authors promise to add more collections soon.

All your workflows with 3D compositions and the subsequent 3D rendering are done directly in the browser.

{{spacer-64}}

<span class="blog_subtitle-caps">4 / 11</span>

Simplified Design

https://simplified.com/

Simplified Design is a very cool and beautifully designed app for simplifying marketing processes and brand building. If you have your own company that needs social media promotion, or if you work as a digital marketer, this resource will be a great helper for you.

You can work alone or in a collaboration mode. Simplified Design is perfect for freelancers, business owners, and brand-building teams.

There are hundreds of beautiful templates to help you create and beautifully design all kinds of graphic content, whether it's photos or videos, in no time at all.

It is integrated with different applications such as: Unsplash, GIPHY, Shopify, Pixabay, etc. And as a bonus: Simplified Design has automation tools that handle the little things so you can focus on your main goals.

{{spacer-64}}

<span class="blog_subtitle-caps">3 / 11</span>

Breshna

https://breshna.io

The top three in our list is opened by Breshna. If you've ever dreamed of creating video games without programming skills, this product is for you. This system is a no-code platform, thanks to which you can create video games quickly and effortlessly.

At the moment, you can create games in the following categories:

• Education
• Social and Entertainment
• Games with a good message
• Enterprise
• Health

{{spacer-64}}

<span class="blog_subtitle-caps">2 / 11</span>

Framer Sites Beta

https://www.framer.com/

Framer is in second place, which continues to gain momentum and is stepping on the heels of all the major design and development companies (and bypassing some of them already). Having originally been a prototyping tool, and later becoming a design tool, the company decided to go even further. Their next product, the Framer is a no-code builder and it is designed to beat the competition by:

  1. Having all the work inside Framer. You do not need to complicate processes - just create a design and press the Publish button. This is how Framer is ready to replace Figma and Webflow.
  2. Simplified work with stacks. No need to be dependent on front-end developers. This is a replacement for Sketch, Github, etc.
  3. Simplified documentation. Framer allows you to create good documentation within its ecosystem without relying on third-party services. This is the replacement for Notion and Adobe XD.

And if you have projects in Figma, you can copy and paste your Figma designs to Framer without much difficulty. Framer is becoming an even stronger player in the market.

{{spacer-64}}

<span class="blog_subtitle-caps">BEST RESOURCE!</span>

Presentations by Pitch

https://pitch.com/use-cases/presentation-maker

The leader of our list today is the online presentation platform Pitch. This handy, fast, flexible, and importantly, free product will help you create gorgeous presentations in minutes.

The app currently has over 100 templates in categories such as: Pitch Decks, Marketing, Startups, Design, Proposals, Professionals and much more. All of them are perfectly customizable - you can change colors or fonts, fitting the designs to your needs.

It's easy to work with Pitch because you have a choice of: 1) importing an existing PowerPoint presentation into Pitch, 2) starting working from one of the platform templates, or 3) starting creating a presentation in Pitch from scratch.

Also, the platform has a collaborative mode, which gives additional possibilities in terms of contribution, having different opinions, and as a result - better outcomes.

The integration of Pitch with other systems such as Icons8, Brand Logos, Unsplash, and others is also worth mentioning. This gives you the opportunity to add your own flavor using the tools you have worked with before. The integration doesn't stop there - you can add pictures, videos, or infographics through Google Analytics, Google Sheets, Chartmogul, etc.

So if you want your presentations to be top-notch, Pitch is at your service.

{{spacer-64}}

{{stars-conclusion}}

{{spacer-64}}

Conclusion

And this is it for today, folks. Thank you for your time. We hope you enjoyed the content and that it was useful.

We are constantly watching for new products and news from the world of design.

If you want to stay up-to-date or receive interesting content, subscribe to our mailing list. We have a Youtube channel, as well as Dribbble, Behance, Medium, Reddit, so feel free to give us a visit.

Also, don't forget to check out our homepage at Setproduct, where you can get templates for your next project. And consider using our design systems and UI kits - they will save you tons of time and effort when working in Figma.

Keep creating cool stuff! We'll see you soon.

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.

Share this post

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

FAQs

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

Our Dashboard Templates Will Make It A Treat To View Data

Experience the magic of data visualization with our user-friendly dashboard templates. Try out our dashboards now and enjoy efficient reporting processes, greater transparency in, among others monitoring and making educated decisions easily.
Material X for Figma

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

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

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

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

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

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

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

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

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

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

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.

Related posts

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Resources

8 min read

Streamlining Website Development: Essential Tools For Agency Management

Discover the top tools for managing web development projects in 2024. From CRM solutions like Salesforce and HubSpot to project management tools like Jira and ClickUp, streamline your agency's workflow and enhance collaboration with these essential tools.

Resources

8 min read

Types of Dashboards. Main Categories

Unlock the power of data-driven decision-making with our comprehensive guide to different types of dashboards. Learn about operational, analytical, and strategic dashboards, and discover how they can drive business success.

Resources

2 mins read

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.

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.

This is some text inside of a div block.
This is some text inside of a div block.