1. graphics
  2. /design tools

Web Design Tools

Adobe Creative Cloud

Adobe Creative Cloud is a suite of tools that includes popular programs like Photoshop and Illustrator.

Photoshop is a photo editing tool that allows users to manipulate and enhance images, create graphics, and design layouts.

Illustrator is a vector graphics tool that allows users to create logos, icons, and other graphics that can be scaled without losing quality.

XD is a user interface design tool that allows designers to create wireframes, prototypes, and high-fidelity mockups for websites and mobile apps.


Figma is a design tool that is popular for creating wireframes, prototypes, and user interfaces. It is web-based, which means it can be used from any device with an internet connection, and it offers real-time collaboration features that allow multiple team members to work on the same design at the same time. Figma also includes a range of design and prototyping tools, as well as the ability to create and share design systems.

Notably, Adobe recently acquired Figma so keep an eye out for possible changes in the future.


Sketch is a design tool specifically geared towards creating designs for web and mobile applications. It offers a range of features for creating wireframes, mockups, and prototypes, including the ability to work with vector graphics, design responsive layouts, and collaborate with team members. It has a large user community and a wide range of third-party plugins that can be used to extend its functionality. However, it is currently for Mac only and does not offer a Windows app.


InVision is a design and prototyping tool that allows designers to create interactive wireframes and prototypes. It includes features for collaboration and project management, such as the ability to leave comments and feedback on designs, assign tasks, and track progress. InVision also offers a range of integrations with other tools, such as Sketch and Adobe Creative Cloud, which makes it easy to import designs and prototypes into the platform.


Balsamiq is a wireframing tool that is popular for its simplicity and ease of use. It is often used in the early stages of design to quickly create low-fidelity prototypes that can be used to test ideas and gather feedback. Balsamiq includes a library of pre-designed UI elements that can be used to create wireframes, as well as the ability to create custom elements and add annotations to designs.