Tools

What you use, is less important, than what you made.

Modern Web Design requires a lot of tools, services, and accounts. Stop looking for one-tool-to rule-them-all. Find the best-suited tool for each task. 🤔 Photoshop has a pen tool, why does Illustrator exist? Illustrator has UI Design features, but why does Figmaexist?

Software is selected based on availability on both Mac and PC operating systems. Create the following account(s). Do NOT upgrade to Paid plans. All accounts are free-to-try.

Stop looking for one-tool-to rule-them-all.

I understand, I will-not upgrade to any paid plans and for any of the following tools and services

Pencils, Pen, Markers, and Paper

We are all Designers. We should always be carrying a pencils, pens, markers, and paper -- lots of paper.

Web Browser is: FireFox

Mozilla's FireFox will be the primary browser. FireFox Dev Tools are included in the browser for front-end website: experimentation, debugging, and tooling.

• FireFox browser is a free download

Download the fastest Firefox everMozilla

Text Editor is: Visual Studio Code

Many (many) text editors exist to write code. VS Code by Microsoft is the most popular, and is embedded into many services. Each text editor has its Pros/Cons. We will use what is available in the computer labs. Find one you like. Get proficient with it.

Visual Studio Code - Code Editing. Redefined

Optional Extension: GitHub CoPilot

GitHub Copilot uses the OpenAI Codex to suggest code and entire functions in real-time, right from your editor. This is a paid extension, but is available to Students via the https://education.github.com/pack.

https://github.com/features/copilot

Vector Design is: Figma

Many free and paid vector based design tool exists. Each has its Pros/Cons. We will use what is available in the computer labs. Find one you like. Get proficient with it.

• Create a FREE Figma account

Figma: the collaborative interface design tool.