15 web design tools to help you work smarter in 2023

Images

Orion Icon

Brilliant icon sets can always be hard to find, even using the best stock libraries. That's where Orion Icon comes in. It makes it to find the right icons and you can then manipulate the style of your icon, including choices of solid, line, colour and flat icons.

SVGito

SVGito is a free web app that cleans up your SVG files, to save you the bother of manually editing them.

Squoosh

Squoosh is a free app from Google that’s aimed at helping web designers compress their images without sacrificing quality.

Anima is an awesome plugin if you want to start using Sketch, Figma or Adobe XD for more sophisticated prototyping.

Animation

Anima

Anime.js is an animation engine you’ll want to take a look at if you need to add complex animated components to your apps.

Anime.js

Hype Professional is an application that will allow you to export stunning interactive and animated HTML5 layouts.

Hype Professional

Sizzy is a tool that allows you to preview multiple screens at once while you’re testing out your responsive web apps.

Testing

Sizzy

The most effective way to make your website better is through A/B testing: splitting traffic between two or more different versions and seeing which performs better. And Linksplit makes it a lot easier to set up. It’s free for the first 10,000 clicks, and you don’t even have to sign up to get started.

Linksplit

Zeplin allows you to take your design and prototypes and hand them over to developers, complete with all the specs, codes snippets and exportable assets you need from design files.

Exporting And Converting

Zeplin

Avocode makes it easy for frontend developers to code websites or apps from Photoshop or Sketch designs.

Avocode

Sketch was built especially for making websites and apps so there are no unnecessary features cluttering your interface and it's faster and more efficient than software that has a broader scope.

Mockups And Prototypes

Sketch

Marvel is another web design tool that’s great for producing quick ideas, refining an interface to how you want it to look, and building prototypes. Marvel offers a really neat way of building pages, allowing you to simulate your design through a prototype.

Marvel

Seen a font you like, but can't work out what it is? WhatTheFont can help. It uses deep learning to search our collection of over 133,000 font styles and find the best match for the fonts in your photo.

Typography

What the Font

Glyphic's Textblock is a JavaScript tool that adjusts the size, leading and grades of your type to make it fully responsive.

Textblock

Want to match your website’s colour scheme to a particular image? Then you may well find Aquarelo handy. It's a free Mac app that uses a clustering algorithm to analyse your images and lets you know which colours are dominant in a picture, so you can use that information in your design.

Bonus

Aquarelo