Win a Free Class!

Join our email list for a chance to win

Adobe Experience Design (XD) in a Day

Design the UI & UX of Websites & Apps

Unlike Photoshop, Adobe Experience Design is a totally new app created specifically for designing the user interface and user experience of websites and apps. You can craft the visuals and turn them into working prototypes all in a single app!

Even though it's currently in beta, it’s available to all Creative Cloud members and is developing quickly. The topics outlined below are subject to change as this app develops.

Upcoming Classes

Price: $325 Click for Discounts

  • 6 hours of Hands-On Training
  • Custom Written Workbook Included
  • Mac ONLY
  • In New York City and Live Online

We Literally Wrote the Book!

Xd

To make the perfect class we had to write our own workbooks which are included with each class.

Can’t take a class? Our workbooks are the next best thing.

Buy Workbook
Document
Section 1
Creating New Files & Designing on a Grid

Topics

  • 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

Topics

  • Designing with Bootstrap’s grid
  • Adapting the design for tablets
  • Adapting the design for mobile phones
Importing & Cropping Photos

Topics

  • Importing photos
  • Image fills
  • Image masking
  • Rounding corners
Importing Vector Graphics, Fills, Shadows, & More

Topics

  • Importing & modifying vector graphics
  • Aligning & distributing layers
  • Layer opacity vs. fill opacity
  • Reusing colors (color swatches)
  • Adding a drop shadow

Section 2
Repeat Grids

Topics

  • Creating a Repeat Grid
  • Customizing the content
  • Adjusting the design
Symbols (Reusable Elements)

Topics

  • Creating & editing symbols
  • Detaching from a symbol
  • Symbols versus Repeat Grids
Turning a Design into a Clickable Prototype

Topics

  • Linking between artboards
  • Previewing the prototype
  • Making a recording of a prototype
  • Background blur
Sharing XD Files (Including Clickable Prototypes)

Topics

  • Sharing an XD file
  • Commenting on shared files
  • Pinning a comment
  • Updating an existing shared file
Exporting Assets for Web: SVG & PNG

Topics

  • Exporting individual assets
  • Exporting artboards