Lesson 3: Tools & Processes
Software
Web Design Software
Source: UX Design
The three most popular software programs used for website and interface design are Adobe XD, Sketch, and Figma. They are all excellent programs, and though each may have pretty similar features, their strengths may differ.
The best way to determine which platform is best for you is simply by experimenting with them over time. You might lean toward one because of your personal working preferences or toward another because you need a great tool for collaboration.
Here’s a quick breakdown:
Adobe XD
Uses: Interface design & prototyping
Platform: Desktop and mobile app
Pro: Part of the Adobe Creative Cloud, easier to access if you’re already on an Adobe plan
Sketch
Uses: Interface design & prototyping
Platform: Desktop app, new browser app – MAC ONLY
Pro: Lots of plugins to streamline your workflow
Figma
Uses: Interface design & prototyping
Platform: Web-based app, desktop app
Pros: Best for collaboration due to web-based app + free starter version available!
In this course, we’ll use Figma for several reasons:
- It’s a popular choice for interface design in the industry, so the chances of you getting asked to create on Figma is highly likely.
- Figma is web-based, so you can just work off your internet browser and won’t have to download an app.
- There is a starter version that lets you create an unlimited amount of personal files – perfect for beginners to get practice.
Other Useful Design Software
In web design, you’ll often work with images and graphics (like icons and illustrations). I’d recommend adding Adobe software to your skillset throughout your web design journey, starting with the first two listed below. You’re not required to use these programs during this course, but I’m sharing these here for your consideration!
Adobe Photoshop
Use for: editing images (retouching, cropping, color adjusting, etc.)
Adobe Illustrator
Use for: creating or editing vectors like icons and illustrations
Learn about vector files here.