# Adobe XD Advanced

Canonical URL: <https://www.creativelive.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 powerful design app. Building on the topics covered in our beginning Adobe XD in a Day class, you will learn some of XD's more advanced features.

Learn to design complex and realistic prototypes with advanced functionality. You will 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. You should have knowledge equivalent to our [Adobe XD Bootcamp](/classes/adobe-xd).

## 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

## Pricing

**Tuition:** $350