Adobe XD Course - Animix World

Section 1: UI/UX Foundations & Adobe XD Basics

Class 1: Introduction to UI/UX Design & Industry Use Cases
Class 2: Adobe XD Interface Overview (2025 Version)
Class 3: Artboards, Grids & Layout Setup for Web/Mobile
Class 4: Creating Wireframes – Low Fidelity UX Planning
Class 5: Understanding Typography, Fonts & Spacing
Class 6: Using Colors, Gradients, and Styles for UI
Class 7: Working with Shapes, Icons, and Design Elements
Class 8: Creating Navigation Bars, Buttons & Inputs
Class 9: Building a Landing Page (Wireframe to Layout)
Class 10: Project 1 – Design a Mobile App Wireframe (3 Screens)

Section 2: UI Components, Layouts & Design Systems

Class 11: Using Components & Component States
Class 12: Building Design Systems – Typography, Color, Spacing
Class 13: Creating Reusable Buttons, Cards & Inputs
Class 14: Auto Layout & Responsive Resize Tools
Class 15: Building a UI Kit from Scratch
Class 16: Creating Form Layouts, Tables, and User Inputs
Class 17: Adaptive Design – Mobile, Tablet, Desktop Screens
Class 18: UI for E-Commerce – Product Cards & Filters
Class 19: Building Dashboards – Admin Panels & Analytics
Class 20: Project 2 – Create a Web Design System & Landing Page

Section 3: Prototyping, Interactions & Micro UX

Class 21: Prototyping Tools – Linking Screens & Flows
Class 22: Setting Up Navigation – Click, Tap, Swipe
Class 23: Creating Animated Transitions Between Screens
Class 24: Auto-Animate for Smooth UI Interactions
Class 25: Scroll Groups – Horizontal & Vertical Scrolling
Class 26: Overlay Menus & Popups
Class 27: Input Field Simulations & Micro UX
Class 28: Voice Commands & Speech Prototypes
Class 29: Preview & Record Interactive Demos
Class 30: Project 3 – Build an Interactive App Prototype (6+ Screens)

Section 4: Testing, Feedback, Handoff & Portfolio

Class 31: Sharing Projects for Feedback (Cloud + Web Link)
Class 32: User Testing Basics – Task Flow, Feedback Collection
Class 33: Design Revisions & Iteration Workflow
Class 34: Developer Handoff with Specs, Assets & Inspect Mode
Class 35: Exporting Assets – PNG, SVG, PDF
Class 36: Adobe XD + Figma + Illustrator Collaboration
Class 37: Creating Case Studies for Dribbble & Behance
Class 38: Building a UI/UX Portfolio in Adobe XD
Class 39: Final Project – Complete App Design (Wireframe to Prototype)

Course Features

Course Content

Section 1: UI/UX Foundations & Adobe XD Basics

Class 1: Introduction to UI/UX Design & Industry Use Cases

Class 2: Adobe XD Interface Overview (2025 Version)

Class 3: Artboards, Grids & Layout Setup for Web/Mobile

Class 4: Creating Wireframes – Low Fidelity UX Planning

Class 5: Understanding Typography, Fonts & Spacing

Class 6: Using Colors, Gradients, and Styles for UI

Class 7: Working with Shapes, Icons, and Design Elements

Class 8: Creating Navigation Bars, Buttons & Inputs

Class 9: Building a Landing Page (Wireframe to Layout)

Class 10: Project 1 – Design a Mobile App Wireframe (3 Screens)

Section 2: UI Components, Layouts & Design Systems

Class 11: Using Components & Component States

Class 12: Building Design Systems – Typography, Color, Spacing

Class 13: Creating Reusable Buttons, Cards & Inputs

Class 14: Auto Layout & Responsive Resize Tools

Class 15: Building a UI Kit from Scratch

Class 16: Creating Form Layouts, Tables, and User Inputs

Class 17: Adaptive Design – Mobile, Tablet, Desktop Screens

Class 18: UI for E-Commerce – Product Cards & Filters

Class 19: Building Dashboards – Admin Panels & Analytics

Class 20: Project 2 – Create a Web Design System & Landing Page

Section 3: Prototyping, Interactions & Micro UX

Class 21: Prototyping Tools – Linking Screens & Flows

Class 22: Setting Up Navigation – Click, Tap, Swipe

Class 23: Creating Animated Transitions Between Screens

Class 24: Auto-Animate for Smooth UI Interactions

Class 25: Scroll Groups – Horizontal & Vertical Scrolling

Class 26: Overlay Menus & Popups

Class 27: Input Field Simulations & Micro UX

Class 28: Voice Commands & Speech Prototypes

Class 29: Preview & Record Interactive Demos

Class 30: Project 3 – Build an Interactive App Prototype (6+ Screens)

Section 4: Testing, Feedback, Handoff & Portfolio

Class 31: Sharing Projects for Feedback (Cloud + Web Link)

Class 32: User Testing Basics – Task Flow, Feedback Collection

Class 33: Design Revisions & Iteration Workflow

Class 34: Developer Handoff with Specs, Assets & Inspect Mode

Class 35: Exporting Assets – PNG, SVG, PDF

Class 36: Adobe XD + Figma + Illustrator Collaboration

Class 37: Creating Case Studies for Dribbble & Behance

Class 38: Building a UI/UX Portfolio in Adobe XD

Class 39: Final Project – Complete App Design (Wireframe to Prototype)

Final Test

Give Us Your Feedback And Suggestions

Give Us Your Feedback And Suggestions

Earn a certificate

Student Ratings & Reviews

Contact Us

Policy’s

Support