Diploma in UI Design

Course Content:-

###  🎨 UI DESIGN SOFTWARE – USES & DETAILS ###
==================================

## 🔹 1. Figma (Most Important UI Tool)
**Type:** Cloud-based UI/UX Design Tool

### ✅ Uses:
* Website UI Design
* Mobile App UI (Android & iOS)
* Wireframing & Prototyping
* Design Systems & Components
* Developer Handoff (CSS, Assets)
* Team Collaboration (Live Editing)

### ⭐ Why Use Figma:
* Works online & offline
* Easy for beginners
* Industry standard tool
* Real-time collaboration

📌 **Used by:** UI Designers, Web Designers, App Designers
📌 **Companies prefer:** Figma
---------------------------------------

## 🔹 2. Adobe XD

**Type:** UI/UX Design & Prototyping Tool

### ✅ Uses:
* Website & App UI Design
* Interactive Prototypes
* Wireframes
* Screen Transitions
* UI Mockups

### ⭐ Why Use Adobe XD:
* Simple interface
* Good for beginners
* Fast prototyping

📌 **Used by:** UI Designers, UX Designers
--------------------------

## 🔹 3. Adobe Photoshop (UI Design Use)

**Type:** Graphic & UI Design Software

### ✅ Uses:
* UI Layout Design
* Web Page Mockups
* Button & Icon Design
* Image Editing for UI
* Banner & Landing Page Design

### ⭐ Why Use Photoshop:
* Strong image editing
* Creative UI visuals

📌 **Used by:** UI Designers, Graphic Designers
--------------------------

## 🔹 4. Adobe Illustrator

**Type:** Vector Design Software

### ✅ Uses:
* Icon Design
* Logo Design
* Vector UI Elements
* Scalable UI Graphics
* Infographics

### ⭐ Why Use Illustrator:

* Best for vector graphics
* High-quality scalable designs

📌 **Used by:** UI Designers, Graphic Designers
-----------------------------

## 🔹 5. Canva (Beginner Level Tool)

**Type:** Online Design Tool

### ✅ Uses:
* Simple UI Layouts
* App & Website Mockups
* Presentation & UI Ideas
* Social Media Design

### ⭐ Why Use Canva:
* Very easy to use
* Drag & drop interface
* Good for beginners

📌 **Used by:** Beginners, Students
----------------------------

## 🔹 6. InVision

**Type:** Prototyping Tool

### ✅ Uses:
* Clickable UI Prototypes
* User Testing
* Design Feedback
* UI Flow Presentation

### ⭐ Why Use InVision:
* Best for prototype testing
* Client presentation
---------------------------

## 🔹 7. Sketch (Mac Only)

**Type:** UI Design Tool

### ✅ Uses:
* Website UI Design
* Mobile App UI
* UI Components & Symbols
* Design Systems

### ⭐ Why Use Sketch:

* Lightweight & fast
* Strong plugin support

📌 **Note:** Works only on macOS
--------------------------

## 🔹 8. Zeplin (Developer Handoff Tool)

**Type:** UI to Code Support Tool

### ✅ Uses:
* Export CSS, Colors & Fonts
* Share UI Specs with Developers
* Asset Management

📌 **Used between:** UI Designer & Developer
--------------------------

## 🔹 9. Balsamiq

**Type:** Wireframing Tool

### ✅ Uses:
* Low-fidelity Wireframes
* UI Structure Planning
* Early-stage UI Ideas

📌 **Best for:** Planning & Layout thinking
==================================================

## 🔥 Software Comparison (Quick View)

| Software    | Best Use           | Level        |
| ----------- | ------------------ | ------------ |
| Figma       | Complete UI Design | Beginner–Pro |
| Adobe XD    | UI + Prototype     | Beginner     |
| Photoshop   | Visual UI Design   | Beginner–Pro |
| Illustrator | Icons & Vector UI  | Beginner–Pro |
| Canva       | Simple UI Ideas    | Beginner     |
| Sketch      | Professional UI    | Pro          |
| Zeplin      | Developer Handoff  | Pro          |
| Balsamiq    | Wireframing        | Beginner     |

---

## 🎯 Recommendation for Students

👉 **Learn Figma first (Mandatory)**
👉 Photoshop & Illustrator for creativity
👉 Zeplin for job-ready workflow