What software should I use for web development and design?

The following tools can support web design, development, image editing, file transfer, server connections, and browser testing. Choose software that meets your project needs and is approved for use in your environment.

Web Design and Prototyping

• Figma – Interface design, wireframes, and interactive prototypes.
• Adobe Express – Simple web pages, landing pages, and visual content.

Code Editors

Use a code editor to create and edit HTML, CSS, JavaScript, and other web files.

• Visual Studio Code (Windows, Mac, Linux)
• BBEdit (Mac)
• Notepad++ (Windows)
• Sublime Text (Windows, Mac, Linux)

Image and Graphics Tools

• Adobe Photoshop – Image editing and optimization.
• Adobe Illustrator – Vector graphics and illustration.
• GIMP (Windows, Mac, Linux) – Free image-editing software.

Note: See Adobe Creative Cloud for information about access to Photoshop, Illustrator, and other Adobe applications.

File Transfer

Use an SFTP client to transfer website files securely.

• Cyberduck (Mac)
• FileZilla (Windows, Mac, Linux)

Server Connections

• PuTTY (Windows)
• Terminal (Mac)

Browsers

Test websites in current versions of commonly used browsers:

• Google Chrome
• Microsoft Edge
• Mozilla Firefox
• Safari (Mac)