your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

Adobe XD for UX/UI Web Design & Prototyping

SS Course: 3000634

Course Overview

In this hands-on, two-day Adobe XD for UX/UI Web Design & Prototyping training course, you will learn how to use the all-in-one user experience and user interface solution for designing websites, mobile apps, and more. Adobe XD empowers designers to layout and design websites or apps, create and preview interactive prototypes, and share prototypes for review. You will learn how to build your design with user interface (UI) kits for rapid development!                                                                  

Scheduled Classes


What You'll Learn



Viewing outline for:

1. An Introduction to Adobe XD
Introducing Adobe XD
A typical UX design workflow
Starting Adobe XD and opening a file
Exploring the workspace (macOS)
Exploring the workspace (Windows)
Working in Design mode
Prototype mode
Changing the view of artwork
Previewing your designs
Sharing your designs
Finding resources for using Adobe XD

2. Setting Up a Project
Starting the lesson
Creating and saving a new document
Creating and editing artboards
Adding grids and guides to artboards
Managing artboards with the Layers panel

3. Adding Images, Graphics, and Text
Starting the lesson
Assets and Adobe XD
Bringing in content from Photoshop
Bringing in content from Adobe Illustrator
Masking content
Working with text

4. Creating and Editing Graphics
Starting the lesson
Graphics and Adobe XD
Creating and editing shapes
Drawing with the Pen tool
Working with UI Kits

5. Organizing Content
Starting the lesson
Arranging objects
Working with the Layers panel
Working with groups
Aligning content
Positioning objects

6. Working with Assets and CC Libraries
Starting the lesson
Managing assets with the Assets panel
Working with Creative Cloud Libraries

7. Using Effects, Repeat Grids, and Responsive Layout
Starting the lesson
Applying and editing gradients
Understanding effects
Using repeat grids
Responsive content and layouts

8. Creating a Prototype
Starting the lesson
Starting with prototypes
Taking prototypes further

9. Previewing a Prototype
Starting the lesson
Recording a prototype
Previewing on a mobile device
Document history

10. Sharing Your Designs
Starting the lesson
Methods of sharing

11. Exporting and Integration
Starting the lesson
Exporting assets
Using plugins


Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.

    Who Should Attend

  • Creative Professionals
  • Web Designers
  • UX Professionals
  • Next Step Courses