Welcome to ONLC Training Centers

Adobe XD Core Skills

Microsoft Gold Partner
Class Dates
(click date for class times)
(click Enroll for locations)

Fee:  $1195

Savings options:

 Learning Credits
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Need a class for a group?

We can deliver this class for your group. Follow the link to request more information.

Email Alert

Receive an email when this class is available as "Ready to Run" or "Early Notice" status.

Train from your home or office

If you have high-speed internet and a computer you can likely take this class from your home or office.

Adobe XD Core Skills Course Outline

*** Platform Note: This class for Mac or PC Users ***
Adobe software is virtually the same on the Mac and PC platforms. When taking this class from one of our locations, it will be taught using PC hardware with Windows software. Minor Mac keyboard and interface differences will be highlighted by the instructor. When taking this course from home or office, students can use either PC or Mac hardware to attached to the hosted Windows-based Adobe software.

This course includes an overview of the interface, including how to use tools, panels, and how to switch between Design and Prototype modes. You will learn how to create new files, set up artboards, and use UI kits, which are integrated in XD. You will learn to design on a grid to efficiently adapt designs for various devices including tablets and mobile phones.

In the next part of the course you will learn to use the tools in XD to add design elements to your website or app. Lesson content includes how to set up artboards, import text, import photos, import vector graphics and create layers. You will learn to use color, save color swatches, create effects such as drop shadows and bevels, and modify opacity. Symbols are reusable elements, and repeat grids are used to quickly design and layout more complex pages. In this class you will learn how to create and modify symbols and repeat grids.

Take your static design to the next level by creating a functional interactive prototype. In this part of the class, you will learn how to link artboards, pages and buttons to create interactions. You can then record use of an interactive prototype to share with others, or generate a link to share XD files online to gather comments and provide updates.

Finally, you will learn to export assets and artboards to SVG and PNG format for developers and programmers to integrate into final production versions of sites and apps.

*** Version Note ***
Our Creative Cloud classes upgrade to the latest CC version as soon as new training materials are released from Adobe. Typically new content is available within 2 to 4 months of a software release.

Target Student
This comprehensive course is appropriate for beginners and for anyone who is self taught on the basics of XD. Quite often even experienced users find they benefit from a Core Skills class to fill in the gaps in their knowledge.

Basic computer and file management skills are required for Core Skills level Adobe courses. Students should know how to - locate, copy and open files; create folders; arrange, re-size, minimize and maximize application windows; start and exit programs; manage use of multiple programs simultaneously; and switch between open programs.

Course Outline

Creating New Files & Designing on a Grid
Using the included UI Kits
Creating a new file
Setting up artboards
Importing text
Creating colored backgrounds for text

Adjusting the Layout for Tablets & Mobile Phones
Designing with Bootstrap’s grid
Adapting the design for tablets
Adapting the design for mobile phones

Importing & Cropping Photos
Importing photos
Image fills
Image masking
Rounding corners

Importing Vector Graphics, Fills, Shadows, & More
Importing & modifying vector graphics
Aligning & distributing layers
Layer opacity vs. fill opacity
Reusing colors (color swatches)
Adding a drop shadow

Repeat Grids
Creating a Repeat Grid
Customizing the content
Adjusting the design

Symbols (Reusable Elements)
Creating & editing symbols
Detaching from a symbol
Symbols versus Repeat Grids

Turning a Design into a Clickable Prototype
Linking between artboards
Previewing the prototype
Making a recording of a prototype
Background blur

Sharing XD Files (Including Clickable Prototypes)
Sharing an XD file
Commenting on shared files
Pinning a comment
Updating an existing shared file

Exporting Assets for Web: SVG & PNG
Exporting individual assets
Exporting artboards

View outline in Word


Attend hands-on, instructor-led Adobe XD Core Skills training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of XD Courses and select the one that's right for you.


Class Format
Class Policies
Student Reviews

Bookmark and Share

First Name

Last Name