Yelp Facebook LinkedIn YouTube Twitter Instagram

Adobe XD in a Day

Adobe XD Classes in NYC

Adobe XD CC is a new app that was built with the specific needs of a modern web designer, UX designer, or app designer in mind. Unlike image editing programs such as Photoshop—which were originally created for print, photo retouching, or illustration—the entire focus of Adobe XD is on designing user interfaces and user experiences. You can craft the visuals and turn them into working prototypes all in a single app!

Adobe XD uses artboards, so you can efficiently design web layouts for mobile, tablet, and desktop (or screens for apps). It’s vector-based, so you can scale for a variety of screen sizes with ease, as well as export hi-res (Retina) graphics for the web or apps. You’ll find tools and features specifically relevant to UI (User Interface) design and UX (User Experience) design, such as symbols, repeat grids, built-in protyping tools, and much more.

Why Learn Adobe XD for UI & UX Design?

  • With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.
  • Turn your designs into clickable prototypes quickly and easily. You can create prototypes directly in XD and share them with users or developers.
  • Export specs to give your web developer so they can inspect a layout for size, colors, fonts, spacing, copy CSS code, and more—all from a web bowser without having to own XD.
  • One of XD’s unique features is the repeat grid. This lets you quickly repeat a design component in columns and rows. You can then customize the content in each copy, while still bing able to quickly update the design across all of them.
  • 6 Hours
  • Mac or PC provided
  • Book included
  • Free retake

Register for a class

$325 Discounts Policies

594 Broadway, NYC or Live Online

What You’ll Learn

  • Use Adobe XD to create and optimize graphics for web and user interface design
  • Create wireframes and turn them into finished designs that are optimized for mobile, tablet, and desktop screens
  • Design on grids, extract image assets, create hi‑res 2x graphics, and more
View full syllabus

Adobe XD in a Day Class Syllabus

Section 1
Creating New Files & Designing on a Grid
  • 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 & default scaling
  • Importing a photo as an image fill (crop a photo)
  • Rounding corners
Importing Vector Graphics, Color Swatches, Shadows, & More
  • Importing & modifying vector graphics
  • Aligning & distributing layers
  • Layer opacity vs. fill opacity
  • Reusing colors (color swatches)
  • Adding a drop shadow
Character Styles
  • Creating & Editing Character Styles
Section 2
Repeat Grids
  • Creating a Repeat Grid
  • Customizing the content
  • Adjusting the design
Symbols (Reusable Elements)
  • Creating & editing symbols
  • Overriding content in a symbol vs. globally updating all symbols
  • ,
  • Detaching from a symbol
  • Symbols versus Repeat Grids
Turning a Design into a Clickable Prototype
  • Linking between artboards
  • Creating an overlay
  • Previewing the prototype
  • Making a recording of a prototype (Mac only)
  • Background blur
Exporting Assets for Web: SVG, JPEG, & PNG
  • Exporting individual assets
  • Exporting artboards
Sharing XD Files (For Review, Developers, etc.)
  • Sharing an XD file
  • Commenting on shared files
  • Pinning a comment
  • Updating an existing shared file
  • Sharing for Development
App prototype created in Adobe XD

Design the UI & UX of Websites & Apps

This one-day class will teach you the fundamentals of using Adobe XD to design the UI & UX of websites & apps. Learn these skills with step-by-step exercises in a small class led by a professional design instructor.

  • “The Adobe XD class was a fun and educational day. Dan explains everything really clearly and it is a really exciting new program to learn. See how it compares to Sketch and other web design programs. Better to learn and understand all of them! Love the prototyping features and soon to come animation. I highly recommend the class to beginners or seasoned pros.”

    Victoria Greiss

    Learned to design for web and prototyping using Adobe XD.

Hands-on Learning

“Noble Desktop has created some of the best hands-on learning materials available. I continue to be impressed with the "real life" exercises that they create for each course as a means of learning the intricacies of the programs they teach. I highly recommend Noble Desktop courses to anyone, from beginner to advanced, who wants to learn graphic design and animation programs.”
Joe Busse

Students learning Adobe XD in class at Noble Desktop

Custom Workbook Included

Our Adobe XD class comes with a custom step-by-step training manual sold to universities and schools around the world. Recreate the class projects and refresh the materials anytime after the class.

Each XD class comes with a custom workbook

Register for Adobe XD in a Day

$325 Discounts Policies

594 Broadway, NYC or Live Online