person on tablet
Hero Images/Getty Images

We’re all huge fans of beautiful, elegantly designed websites—but not always fans of the time it takes to make it pretty.

Luckily, there are a number of tools out there that’ll make the whole process easier—for designers and non-designers alike.

If you’re looking to create consistency across your graphics, find the perfect font for your website, or create wireframes in half the time it usually takes, you’ve come to the right place. Check out these six apps and extensions that’ll help you work more efficiently.


1. Illustrio

Find an infinite amount of customizable graphics.



This is such a useful site for anyone looking to create customizable graphics to match a specific logo and color scheme. Creating your own color scheme is as easy as typing in the name of a company!

Illustrio features over 20,000 graphics—from patterns and words to illustrations and icons—allowing you to customize any site, newsletter, or presentation however you’d like. One of our favorite features is the branding consistency, which allows you to stick to specific styles for design cohesion no matter what you need to create. This is a site every designer and marketer will want to bookmark and come back to over and over again.


2. Type Anything

Test and create the perfect typography setup for your website.



One of the most important (and challenging) aspects of designing a new product or website is choosing a set of fonts that work well.

Type Anything is a tool that helps you put a focus on typography by customizing the most necessary font settings for your next project. Select font families, weights, and letter spacing to create exactly the style you’re looking for.

Pro tip for Macs: ‘Command + K’ will open up a search bar so you can glance through all the font-families and preview before selecting one, and ‘Command + J’ will bring up the code for you to copy directly into your project. This is a very valuable tool for designers and non-designers alike.


3. Pexels 2.0

Find the best free stock photos in one place.



Finding stock photography for your website, product, and/or blog can be a huge pain—not to mention a time suck.

That’s where Pexels 2.0 comes in. It’s a high-quality, free alternative to paid (read: expensive) stock photo sites like Getty Images and Shutterstock. No more spending hours looking for the perfect image of someone typing on a laptop. And no more paying hundreds of dollars to use a photo, either.


4. Wirify

Turn any web page into a wireframe in one click.



This tool lets you turn any page into a wireframe (or a website blueprint) in literally one click, which will save you literally hours of web design work.

One of the coolest things about Wirify is that you can export fully editable wireframes directly into tools like Illustrator, Balsamiq, and OmniGraffle, making it easy for you to edit it to your specific needs.

You won’t regret using this if you’re in the middle of building out a new project and want to study the building blocks of a page with greater ease.


5. Stencil

Create and share visual content in a flash.



Stencil makes it so easy to create beautiful visual content that doesn’t look like it was made by a four-year-old. (Those with minimal design skills, you know what we’re talking about.)

Choose from more than 680,000 beautiful royalty-free photos and 200,000 icons. There are also a ton of pre-designed templates built for various social sites like Pinterest, Instagram, Facebook, and Twitter. This tool will help you create, preview, and load well-made quote images and more in minutes.


6. f.lux

Adjust your computer’s display to adapt to the time of day.



No matter how many incredible tools you have at your fingertips, at some point it just gets painful staring at a computer screen all day. Fun fact: Your screen is designed to look like the sun, which is why it’s often not bothersome in the middle of your day. However, what happens when you’re still cranking away on work when it’s dark and your eyes are starting to burn?

Have no fear—f.lux is here to make your screens (and eyes) happier. This tool will make the color of your computer’s display adapt to the time of day, wherever you are. The rest is automatic—easy as that!



Looking for more great design productivity tools? You can find tons more in this collection on Product Hunt.



This article was originally published on Medium. It has been republished here with permission.