What are the best web design tools?

Question

36

Options
Considered

81

User
Recs.

Jun 28, 2023

Last
Updated

Here’s the Deal

31 Options Considered

Best web design tools	Price	Platforms	License
-- Figma	-	-	-
-- Krita	-	Windows, Linux, Mac, Android	Open source
-- Sass	-	-	-
-- GIMP	-	Windows 10/8/7; Linux; MacOS	GPLv3+
-- Sketch	-	Mac	-

See Full List

Node.js

Add Video or Image

CSS

Add Video or Image

I Recommend...

Built By the Slant team

Find the best product instantly.

4.7 star rating

Try it now - it's free

score 15 · Answer 1

Figma

Top Pro

Works in the browser

Top Con

Inefficient workflow

Top Pro

Allows for real time collaboration

Top Pro

Live previews for mobile

Mirrors your designs to your phone in realtime. See More

Top Pro

Has all the core functionality you'd expect from something like Sketch

Top Pro

Integrates with Slack

Provides integration with Slack. See More

Top Pro

Provides a free version

Does not require a paid subscription for use. Can be used freely with a lot of features. The free use allows very limited collaboration. See More

See All

score 6 · Answer 2

Krita

Top Pro

Free and open source

Krita is completely free and open source. They have raised a couple of successful Kickstarters in the past to get the initial financing and now they are accepting donations. See More

Yanis's Experience

Almost like Photoshop ! See More

Specs

Platforms:Windows, Linux, Mac, Android

License:Open source

Technology:C++, Qt

Top Pro

Easy to use layout

All the most used and useful tools are easy to find in Krita's UI and are often just one click away. They are not hidden behind menus or dropdowns. See More

Top Pro

Very customizable

Although the UI is rather busy, Krita is very customizable. The editing window can be themed and the sidebar can be customized extensively throw many dockers or panes. See More

See All

score 2 · Answer 3

Sass

Add Video or Image

score 2 · Answer 4

GIMP

Top Pro

Modular & single-window interface options

By default GIMP splits out each window, but you can check to use the one screen mode in options if you prefer. See More

Specs

Platforms:Windows 10/8/7; Linux; MacOS

License:GPLv3+

Tethered capture:No

Non-Distructive Editing:No, Feature in development with GEGL

See All Specs

Top Pro

Free, open source and cross-platform

GIMP is completely free and open source, meaning you can use GIMP and all of its features without spending a penny. This makes it an excellent case for artists or designers who may not have the budget to spend over 700 USD on Photoshop. It is also available for free on Windows, Mac OS and Linux. It's licensed under GPL with source code available here. See More

Top Pro

Lightweight

Compared to to other photo editing software, GIMP is very light weight. In addition it isn't very resource-intensive, meaning you can put it on a flash drive and have it with you to load up on just about any computer. See More

Top Pro

Powerful

GIMP is the most feature rich free image editing tool. It has most image manipulation and workflow tools that you would expect from an image editing software and what it lacks it makes up with plugins. See More

See All

score 9 · Answer 5

Sketch

Top Con

Only supports macOS

Sketch is exclusive to macOS and does not offer a Windows/Linux version. See More

Top Pro

Easier to use than Illustrator

Specs

Platforms:Mac

Top Con

Not a "creative software", but great for web/app layout

Top Pro

Very useful

Top Con

Not as powerful for image editing

Top Pro

Can handle very large artboards, better than Adobe's

See All

score 3 · Answer 6

Font Awesome

score 2 · Answer 7

Inkscape

Platforms:Windows, macOS, Linux, Unix

License:GPL-2.0-or-later

Initial Release:2003

Technology:C++

score 2 · Answer 8

Ruby on Rails

Default Template Engine:ERB

Default ORM:ActiveRecord

Default Test Engine:RSpec & Cucumber

score 3 · Answer 9

NPM

Number of Plugins:100.000+

Task instruction style:Configuration

Processing method:Pipeline

score 1 · Answer 10

Laravel 5

Initial Release:June 2011

Written in:PHP

Default Template Engine:Blade

See All Specs

score 2 · Answer 11

Bootstrap

Add Video or Image

score 1 · Answer 12

Foundation

Add Video or Image

score 1 · Answer 13

Atom

Platforms:Microsoft Windows®, macOS, Linux

License:MIT

Dev platforms:Microsoft Windows®; macOS; Linux

Multi Language Support:Yes

See All Specs

score 1 · Answer 14

Symfony

Default Template Engine:Twig

See All Specs

score 1 · Answer 15

React

score 2 · Answer 16

JavaScript

Author:Ryan Dahl/Joyent

ECMAScript Modules:Available (as a flag) (only on Node 8.x-10.x)

Version(Latest):12.x

See All Specs

score 1 · Answer 17

Photoshop

All

1

Specs

Platforms:Windows, macOS

License:Hagu

Tethered capture:via Bridge

score 1 · Answer 18

Font Squirrel

Add Video or Image

31 Options Considered

My Recommendation for Figma

My Recommendation for Figma

Works in the browser

Inefficient workflow

Allows for real time collaboration

Live previews for mobile

Has all the core functionality you'd expect from something like Sketch

Integrates with Slack

Provides a free version

My Recommendation for Krita

My Recommendation for Krita

Free and open source

Easy to use layout

Very customizable

My Recommendation for Sass

My Recommendation for Sass

My Recommendation for GIMP

My Recommendation for GIMP

Modular & single-window interface options

Free, open source and cross-platform

Lightweight

Powerful

My Recommendation for Sketch

My Recommendation for Sketch

Only supports macOS

Easier to use than Illustrator

Not a "creative software", but great for web/app layout

Very useful

Not as powerful for image editing

Can handle very large artboards, better than Adobe's

My Recommendation for Font Awesome

My Recommendation for Font Awesome

My Recommendation for Inkscape

My Recommendation for Inkscape

My Recommendation for Ruby on Rails

My Recommendation for Ruby on Rails

My Recommendation for NPM

My Recommendation for NPM

My Recommendation for Laravel 5

My Recommendation for Laravel 5

My Recommendation for Bootstrap

My Recommendation for Bootstrap

My Recommendation for Foundation

My Recommendation for Foundation

My Recommendation for Node.js

My Recommendation for Node.js

My Recommendation for Atom

My Recommendation for Atom

My Recommendation for Symfony

My Recommendation for Symfony

My Recommendation for React

My Recommendation for React

My Recommendation for CSS

My Recommendation for CSS

My Recommendation for JavaScript

My Recommendation for JavaScript

My Recommendation for Photoshop

My Recommendation for Photoshop

My Recommendation for Font Squirrel

My Recommendation for Font Squirrel

Don't see your favorite option? Add it.

One sec!