Adobe XD logo

2 days. This course provides an introduction to the powerful code-writing and wireframe prototyping UX features of Adobe XD 2022 software. Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool. Topics include:

  • Getting to know and customize the Adobe XD 2022 interface
  • Introduction to Adobe XD 2022
  • A typical workflow for prototyping a UX design
  • Getting to know the workspace
  • The design tools in Design mode
  • Working with panels and the Property Inspector
  • What is Prototype mode?
  • Changing the View and using the Zoom tool
  • Navigating through the artboards
  • Previewing and sharing designs
  • Resources connected to Adobe XD
  • Starting a new document and/or cloud document
  • Creating and editing art boards with the Artboard tool
  • Working with and aligning artboards
  • Layout grids and artboard guides
  • Importing and replacing image assets
  • Transforming and scaling an image
  • Using Photoshop and XD in your workflow
  • Using Illustrator for vector assets with XD
  • Editing an image fill mask with shape or path
  • Importing and styling point text and area text
  • Creating and editing rectangles, ellipses, and polygons
  • Fill versus border and border options
  • Editing, combining, and aligning shapes
  • Drawing paths and curves with the Pen tool
  • Downloading and working with UI kits
  • Organizing and arranging object content
  • Selecting, locking, hiding content using the Layers panel
  • Grouping and searching and filtering
  • Aligning and positioning content
  • What is the Memory artboard?
  • Working with the Assets panel
  • Saving color swatches and character styles
  • Master components and component instances
  • Swapping, grouping, and linking components
  • Using and editing things in the CC Library
  • Applying and editing gradients
  • Understanding effects and blend modes
  • Creating and editing a repeat grid
  • Responsive content in your layout
  • Design mode vs. Prototype mode
  • Hover and multiple states to components
  • Animating your content
  • Multiple interactions on a single object
  • Preserving scroll positioning
  • Working with fixed positioning
  • Content with overlays
  • Drag, timing, and voice triggers
  • Previewing and recording a prototype
  • Share for review and commenting
  • Exporting as PDF, SVG, PNG, JPG
  • Exporting code assets

Suggested Follow Ups:Adobe XD Expert Badge

Reserve today! Click for our Onsite Custom Training Request form.

Adobe logo wordmark

Pin It

WashDC IDUG Subscribe

Are you a former Washington DC InDesign User Group member? Subscribe to our email newsletter?
Thank you! We look forward to serving your training needs.
OpenTools Productivity Plug-ins for InDesign CC and CS6


Rex A. Hurd
Web Dev/Designer, DeRoyal Corp.
Urszula, I’m very pleased to report that the InDesign and XML training session that we attended last week went very well. It was quickly evident … read more
T. Williams
Office of Info Tech
The class was excellent! The Photoshop topics and information presented was very clear and concise.
Julien P. Hofberg
Olney, Maryland
After your inspiring talk about presets, and all those great scripts; if you don’t mind, would you send the PDF of the presets handout to share … read more Logo

Who’s Online

Currently: 125 guests (aka smart people)

Email News

Subscribe to our email newsletter?

Thank you!
We look forward to serving
your training needs.