# Adobe XD Advanced

Canonical URL: <https://www.nobledesktop.com/classes/adobe-xd-advanced>

## Overview

**Note:** We no longer teach Adobe XD. We recommend our [Figma Bootcamp](/classes/figma-bootcamp) for anyone looking to learn the industry-standard tool for user experience (UX) and user interface (UI) design.

### Learn Adobe XD’s Advanced Features

Kick your Adobe XD skills up a notch and dive deeper into this amazing design app. Building on the topics we cover in our beginning Adobe XD in a Day class, you'll learn some of XD’s more advanced features.

Learn to design complex and realistic prototypes with advanced functionality. You’ll use component states to create hovers, add animations to your designs using auto-animate, make specific areas of content scrollable using scroll groups, and much more.

Make your graphics stand out with 3D transforms, create anchor links that let users scroll up or down within a page, add audio sound effects to your user interfaces, and more!

## What you'll learn

- Create complex & realistic prototypes
- Add component states, such as hovers
- Make animations using auto-animate
- Define scrollable areas using scroll groups
- Scroll up & down within a page using anchor links
- Add sound effects

## Prerequisites

Be comfortable with the basics of Adobe XD. This class builds on our [Adobe XD in a Day](/classes/adobe-xd-1day) class, so you should have equivalent knowledge.

## Curriculum

### Section 1

#### Stacks, Padding, & Responsive Resize

- Creating a Stack & Adjusting the Spacing
- Rearranging & Adding Items to a Stack
- Responsive Resize, Stacks, & Padding
- Keystrokes for Working with Stacks & Padding
- Nesting Stacks (Stacks Within Stacks)

#### Linking Up/Down a Page & Scrollable Areas

- Making Links that Scroll Up/Down a Page
- Making the Navbar Fixed to the Screen
- Adjusting the Position & Speed of the Scroll
- Creating a Scrollable Area Within a Page

#### Intro to Auto-Animate

- The Basics of Auto-Animate
- Different Kinds of Easing
- Adding a Timed Animation

#### Parallax Animation

- Setting Up the Parallax Assets
- Building the Parallax Animation

#### Component States (Hover & Toggle)

- Adding a Hover State to a Button
- Creating a Toggle State

### Section 2

#### Creating 3D Transforms

- Adding 3D Transforms
- Front to Back versus Z Position

#### Adding Interactions to a Slideshow: Tap, Drag, & Keys

- Creating a Working Slideshow Prototype
- Adding Tap Interactions
- Adding the Ability to Drag
- Adding Keystrokes

#### Time Interactions & Adding Audio (Sound Effects)

- Adding a Drag Interaction
- Adding a Time Interaction
- Adding a Sound Effect
- Adding a Keystroke

#### Shared XD Libraries

- Publishing a Library
- Using an XD Library

## Instructors

### Eugenio Solis de Ovando — Senior Instructor

Eugenio Solis de Ovando is a Senior Instructor at Noble Desktop in New York City, specializing in graphic design, web design, and visual communication. With over 20 years of experience in the creative industry, Eugenio is passionate about helping students develop strong technical skills and a solid design foundation across print, digital, and web platforms.

Eugenio teaches a wide range of courses, including Photoshop, Illustrator, InDesign, Figma, WordPress, UI Design, and Artificial Intelligence for Graphic Design. His classes are known for their clear, hands-on approach, blending technical mastery with creative exploration to help students bring their ideas to life with confidence and precision.

He holds a Ph. D. in Artificial Intelligence with a specialization in Human Performance Technology, where his research focused on integrating emerging AI technologies into adult education and training. 

As an Adobe Certified Design Master and Licensed Private Career School Teacher in New York State, Eugenio is dedicated to delivering high-quality instruction and sharing best practices in digital design workflows. He brings real-world insights into the classroom, guiding students through professional techniques in layout design, typography, color theory, image editing, and responsive web design.

Learn more about [Eugenio Solis de Ovando's](/eugenio-solis-de-ovando) background and expertise.

## Pricing

**Tuition:** $350