30 Unique Design Tools to Make Working Easier

I’m hoping that something on this list will catch your eye and enable you to work a little bit more swiftly and easily. I know we don’t all work the same way or have the same processes, which is why I’ve made sure to compile a diverse list of helpful tools.

In this article, you’ll find things from icon managers such as IconJar to tools that help you create user flows in Sketch, such as FlowKit. Let’s get started with Design Principles!

1. Design Principles

Design Principles

For those of you who are looking to improve your design game, I highly suggest looking into Design Principles. The purpose of this project is to help designers and organizations understand, analyze, and create better design principles. This tool wants designers and their teams to have a backing in principles that will help make better product decisions in the future.

2. Elements UI Kit

Elements UI Kit

Elements is a UI kit created by the people who brought Sketch to you. The designs are pretty standard but you can easily customize them. The great thing about Elements is the size of the kit; it comes with 35 screens, 45 icons, and 175 symbols to get you started on your next design project.

3. Feather Icons

Feather Icons

Feathers Icons is made up of more than 250 free and open source icons. Actually, it has many interesting icons, such as icons for Pocket or a TV icon. It also features commonly used icons such as arrows and social media icons.

4. UX Timeline

UX Timeline

UX Timeline is a screenshot-based timeline of a few popular websites such as Dribbble, Netflix, or Airbnb. It’s an interesting website because it lets you see the evolution of their homepages. It definitely gives you an insight into what worked for these companies over the years.

5. Flowkit

Flowkit

Flowkit is a paid Sketch tool (it costs $29) that allows you to easily and swiftly create user flows and content maps in Sketch. The tool looks great and it also allows you to add screen annotations to your different flows.

6. Devices by Facebook

Devices by Facebook

This is an amazing set of images and Sketch files of all sorts of devices. Facebook has created it partly to share it with the design community for free. But, they are also sending a message to their users by featuring the diversity of devices on which Facebook can be used.

7. The Noun Project

The Noun Project

Here is another valuable resource for icon lovers out there. The Noun Project provides free and paid options of all their icon sets, as well as individual icons. Their repository is extremely vast; it offers so many different styles for a huge number of icons.

8. Canva

Canva

Canva has quickly become an all-purpose graphic design tool. It can be used for all sorts of high-quality graphics such as business card mockups to social media and blog post images.

9. Muzli

Muzli

If you’re always looking for inspiration or if you always want to feel inspired I suggest getting the Muzli Chome plugin. The Chrome plugin brings you relevant, aka curated, stories and images in each new tab you open.

10. Typeface App

Typeface App

This is a great organization tool for those of you who have to manage several different fonts. It costs only $10. The Typeface App lets you browse your fonts, preview texts, edit sizes, and more. The live customization features are pretty great, for instance.

11. Paste by FiftyThree

Paste is a collaboration tool. It aims to help teams build decks and stories that can be collaborated on and later shared. Its main feature is the Storyboard view that you can rearrange to your liking. It even integrates with Slack for a better team communication.

12. Coolors

Coolors

Coolors is a color scheme tool. It allows you to create color palettes fast and easily. The tool lets you customize your color schemes, adjust and refine them to your liking.

13. Contrast

Contrast

Contrast is a Mac app that helps you create designs with a better accessibility. The app double-checks if your contrast is high enough based on the Web Content and Accessibility Guidelines. Designs with a high contrast are more accessible not only for low-quality screens but also for your visually impaired users.

14. Little Big Details

Little Big Details

Little Big Details is an informative blog about small details that make a big UX impact. Browse through their content and you’ll quickly learn about various apps and websites which paid a lot of attention to details in order to delight their users with a better experience.

15. Ludus

Ludus

Ludus is an app for creating more interesting presentations. It allows you to embed 3D models, videos, VR experiments, Dropbox files, designs from Figma, prototypes from Framer, InVision, or Marvel. Talk about a creative presentation tool!

16. IconJar

IconJar

Here we are talking about icons again. This time, I wanted to share IconJar with you. It’s a tool for keeping your icon sets organized in one place; it’s super simple to use and it’s integrated with just about all icon files, too.

17. Sketch for Designers

Sketch for Designers

For those of you who just love Sketch, here is a website made just for you. Sketch for Designers has a large list of plugins, UI kits, and all sorts of things related to Sketch.

18. Wireflow

Wireflow

Wireflow is another flowchart tool. However, Wireflow is completely free. It’s actually a web app, so it doesn’t matter what your preferred design software is.

19. Resizer

Resizer

Brought to you by Google, Resizer is an interactive viewer for material design breakpoints. It is very helpful when you’re designing for multiple screens or responsive websites.

20. Style Guide by Fontify

Style Guide by Fontify

Fortify has a lovely style guide product that’s worth taking a look at. This style guide keeps all of your branding guidelines and assets such as logos, color palettes, and fonts in one place.

21. Pexels Videos

Pexels Videos

Pexels is a free stock photo website. However, they have a section for free videos as well. I felt that was a little bit more interesting, as there are so many free stock photo websites but not so many for videos.

22. Zeplin

Zeplin

Zeplin integrates with both Photoshop and Sketch to help make design handoffs easier, smoother, and better. It allows you to create style guides and resources which are a lot easier to follow for developers than handing them a design file to figure it out on their own.

23. Really Good UX

Really Good UX

Really Good UX is another educational tool. They provide you with examples of well-integrated interactions such as upsells from commonly used apps like Slack.

24. Aspect Ratio

Aspect Ratio

Aspect Ratio is an easy-to-use tool for getting the right specs for mobile devices. They include both pixel sizes and aspect ratios, which can be handy both for designers and developers.

25. Crello

Crello

Crello is another tool that helps you easily create graphics for social media, blog posts, ads, or even printables. Crello comes with over 65 million images to choose from, as well as with 35 different formats, 10,000 templates, and 240 fonts. I’m sure you’ll be able to create an awesome graphic quickly with Crello.

26. Placeit

Placeit

Placeit is a directory of editable images where you can copy and paste images such as website designs onto device mockups. Their directory is filled with almost 3000 devices, including 1400 iPhones, and 245 Macbooks. Placeit is a paid product but their prices are pretty low, especially if you find an image that’s just perfect for your design.

27. Font Generator by Brandmark

Font Generator by Brandmark

If you ever need font suggestions or font combinations check out the Font Generator by Brandmark. It’s a free tool that helps you generate font suggestions, based on your (or their random) pick. It also enables you to create font combinations from Google Fonts.

28. Shotty

Shotty

Shotty is a handy screenshot tool that lives in your Mac’s menu bar. It lets you see recent screenshots at a glance. You can drag and drop the screenshots into any app you want—it even allows you to do so without switching windows, which can be very handy sometimes.

29. Go Abstract

Go Abstract

Go Abstract is a fantastic tool for design collaboration. It keeps track of design evolutions though version control, kind of like Github does. It lets you see and keep track of who made what changes. Besides, it also keeps track of the final and most up-to-date files. The downside is that Go Abstract only works with Sketch files, at least for now.

30. FlowMapp

FlowMapp

Lastly, we have FlowMapp which is a collaborative UX tool. It helps you and your team create simple sitemaps and user flow. The app has an intuitive UI that makes it easy to create sitemaps and quickly comprehend them.

Conclusion

And, there you have it! This list was created to help you improve your own workflow and make your life as a designer just a little bit easier. Do you have a unique tool of your own that you use and want to share with is? If so, leave it in the comments!



43


17

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.