Adobe XD - UI/UX Starts Here

This course teaches you how to use Adobe XD for professional website design and prototyping.
Each session includes a mini project, helping you design different website sections from header to footer.

16+ Hours
10 Lectures
Beginner to Advance
Hindi

Introduction to Adobe XD for Web Design

1h 36m

Setting Up Web Artboard & Layout

1h 45m

Designing Headers, Buttons & Navigation

1h 48m

Creating Components & Reusable Elements

1h 54m

Designing a Complete Homepage Layout

2h 00m

Creating Page Links & Prototyping

1h 48m

Creating a Mini Design System

1h 54m

Designing for Mobile & Tablet Devices

2h 00m

Building a Multi-Page Website Design

2h 06m

Final Project - Website Prototype & Export

2h 06m

Course Description

Learn Adobe XD step by step to design modern website layouts, responsive pages, and interactive prototypes for real-world web projects.

Key Highlights

10 Live Lectures
9 Mini Projects + 1 Final Project
Learn Adobe XD Interface and Workspace Setup
Design Web Headers, Buttons, Banners, and Layouts
Create Interactive and Clickable Prototypes
Learn Responsive Design for Desktop, Tablet, and Mobile
Prepare Developer Handoff and Export Design Assets

Learning Outcomes

By the end of this course, you will be able to:
✓ Design complete website UI layouts using Adobe XD.
✓ Create and reuse components and assets effectively.
✓ Add interactivity and build clickable prototypes.
✓ Design responsive layouts for multiple devices.
✓ Prepare developer-ready handoff files with design specs and assets.

Prerequisites

Basic computer knowledge is enough.
No design experience required perfect for beginners, web developers, or design enthusiasts who want to learn website UI/UX design.

Mini Project